jQuery entrée valeur masquée

Question

Comment puis-je accéder à l'attribut <input type="hidden"> de la balise value à l'aide de jQuery?

Answer 1

Vous pouvez accéder aux valeurs de champs cachés avec val(), comme vous pouvez le faire sur tout autre élément d'entrée:

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

Les tout cela veut dire la même chose dans cet exemple.

Answer 2

Il n'y a rien de spécial <input type="hidden">:

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

Answer 3

Il y a un sélecteur jQuery pour que:

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

vous donnera tous les champs d'entrée cachés et filtre par ceux qui ont un type="" spécifique.

Answer 4

Si vous souhaitez sélectionner un champ caché individuel, vous pouvez le sélectionner à travers les différents sélecteurs de jQuery:

<input type="hidden" id="hiddenField" name="hiddenField" class="hiddenField"/> 


$("#hiddenField").val(); //by id 
$("[name='hiddenField']").val(); // by name 
$(".hiddenField").val(); // by class 

Answer 5

Pour obtenir la valeur, utilisez:

$.each($('input'),function(i,val){ 
    if($(this).attr("type")=="hidden"){ 
     var valueOfHidFiled=$(this).val(); 
     alert(valueOfHidFiled); 
    } 
}); 

ou:

var valueOfHidFiled=$('input[type=hidden]').val(); 
alert(valueOfHidFiled); 

Pour définir la valeur, utilisez:

$('input[type=hidden]').attr('value',newValue); 

Answer 6

La façon la plus efficace est par ID.

$("#foo").val(); //by id 

Vous pouvez en lire plus ici:

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 7

Si vous avez un asp.net HiddenField vous devez:

Pour accéder à HiddenField Valeur:

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

Pour définir HiddenFieldValue

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

Answer 8

Attention si vous souhaitez récupérer une valeur booléenne à partir d'un champ caché!

Par exemple:

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

(Une entrée comme celui-ci sera rendu par ASP MVC si vous utilisez @Html.HiddenFor(m => m.SomeBoolean).)

Puis le suivant retourne une chaîne 'False', pas un booléen JS!

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

Si vous voulez utiliser le booléen pour une certaine logique, utilisez ce qui suit à la place:

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