jQuery访问输入隐藏值

2020/10/22 21:21 · javascript ·  · 0评论

如何使用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/zh-CN/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值:

$('#<%=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"]');
本文地址:http://javascript.askforanswer.com/jqueryfangwenshuruyincangzhi.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!