jQuery 액세스 입력 숨겨진 값

jQuery를 사용하여 <input type="hidden">태그의 value속성에 액세스하려면 어떻게 해야합니까?

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());

이 예제에서 그것들은 모두 같은 것을 의미합니다.

이를위한 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="".

가장 효율적인 방법은 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

가치를 얻으려면 다음을 사용하십시오.

$.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가있는 경우 다음을 수행해야합니다.

HiddenField Value에 액세스하려면

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

HiddenFieldValue를 설정하려면

$('#<%=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"]');