如何访问使用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);
如果你想选择一个单独的隐藏字段,可以通过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
要设置HiddenFieldValue
$('#<%=HF.ClientID%>').val('some value') // HF = your hiddenfield ID
没有什么特别之处<input type="hidden">
:
$('input[type="hidden"]').val()
当心,如果你想从一个隐藏字段检索一个布尔值!
例如:
<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"]');