jQuery访问input隐藏值

如何使用jQuery访问<input type="hidden">标记的value属性？

Answer 1

您可以使用val()来访问隐藏字段的值，就像您可以在任何其他input元素上执行操作一样：

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

在这个例子中，这些都是相同的意思。

Answer 2

有一个jQuery的select器：

 // 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' ); 

将为您提供所有隐藏的input字段，并按特定type=""过滤。

Answer 3

最有效的方式是通过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

Answer 4

如果你想select一个隐藏的字段，你可以通过jQuery的不同select器来select它：

 <input type="hidden" id="hiddenField" name="hiddenField" class="hiddenField"/> $("#hiddenField").val(); //by id $("[name='hiddenField']").val(); // by name $(".hiddenField").val(); // by class 

Answer 5

没有什么特别的<input type="hidden"> ：

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

Answer 6

要获得价值，请使用：

 $.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); 

Answer 7

如果你有一个asp.net HiddenField，你需要：

要访问HiddenField值：

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

设置HiddenFieldValue

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

Answer 8

小心，如果你想从隐藏的领域检索布尔值！

例如：

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

（如果使用@Html.HiddenFor(m => m.SomeBoolean)则像这样的input将由ASP MVC呈现。）

然后下面将返回一个string'False' ，而不是一个JS布尔！

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

如果你想使用逻辑的布尔值，请使用下面的代码：

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