programing

jQuery 액세스 입력 숨김 값

yellowcard 2023. 7. 29. 08:19
반응형

jQuery 액세스 입력 숨김 값

액세스 방법<input type="hidden">술래잡기valuejQuery를 사용한 속성?

숨김 필드의 값에 액세스할 수 있습니다.val()다른 입력 요소에서 할 수 있는 것처럼:

<input type="hidden" id="foo" name="zyx" value="bar" />

alert($('input#foo').val());
alert($('input[name=zyx]').val());
alert($('input[type=hidden]').val());
alert($(':hidden#foo').val());
alert($('input:hidden[name=zyx]').val());

이 예에서는 모두 같은 의미를 갖습니다.

가장 효율적인 방법은 ID입니다.

$("#foo").val(); //by id

자세한 내용은 여기를 참조하십시오.

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS

https://developers.google.com/speed/docs/best-practices/rendering?hl=it#UseEfficientCSSSelectors

이를 위한 jQuery 선택기가 있습니다.

// Get all form fields that are hidden
var hidden_fields = $( this ).find( 'input:hidden' );

// Filter those which have a specific type
hidden_fields.attr( 'text' );

숨겨진 모든 입력 필드를 제공하고 특정 입력 필드를 기준으로 필터링합니다.type="".

값을 얻으려면 다음을 사용합니다.

$.each($('input'),function(i,val){
    if($(this).attr("type")=="hidden"){
        var valueOfHidFiled=$(this).val();
        alert(valueOfHidFiled);
    }
});

또는:

var valueOfHidFiled=$('input[type=hidden]').val();
alert(valueOfHidFiled);

값을 설정하려면 다음을 사용합니다.

$('input[type=hidden]').attr('value',newValue);

에 대해 특별한 것은 없습니다.<input type="hidden">:

$('input[type="hidden"]').val()

개별 숨겨진 필드를 선택하려면 jQuery의 다른 선택기를 통해 필드를 선택할 수 있습니다.

<input type="hidden" id="hiddenField" name="hiddenField" class="hiddenField"/> 


$("#hiddenField").val(); //by id
$("[name='hiddenField']").val(); // by name
$(".hiddenField").val(); // by class

asp.net HiddenField가 있는 경우 다음을 수행해야 합니다.

숨겨진 필드 값에 액세스하는 방법

$('#<%=HF.ClientID%>').val()  // HF = your hiddenfield ID

숨겨진 필드 값을 설정하려면

$('#<%=HF.ClientID%>').val('some value')   // HF = your hiddenfield ID

숨겨진 필드에서 부울 값을 검색하려면 주의하십시오!

예:

<input type="hidden" id="SomeBoolean" value="False"/>

(이와 같은 입력은 사용할 경우 ASP MVC에 의해 렌더링됩니다.@Html.HiddenFor(m => m.SomeBoolean).)

그러면 다음은 문자열을 반환합니다.'False'JS 부울이 아닙니다!

var notABool = $('#SomeBoolean').val();

일부 논리에 부울을 사용하려면 대신 다음을 사용합니다.

var aBool = $('#SomeBoolean').val() === 'True';
if (aBool) { /* ...*/ }

가장 보편적인 방법은 이름으로 가치를 얻는 것입니다.입력 또는 양식 요소 유형 선택은 중요하지 않습니다.

var value = $('[name="foo"]');

언급URL : https://stackoverflow.com/questions/4376664/jquery-access-input-hidden-value

반응형