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値にアクセスするには：

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