jQuery sort toutes les valeurs d'entrée dans un formulaire

cet extrait de code jQuery concise montre comment obtenir les valeurs de tous les éléments d'entrée sous le formulaire avec un ID spécifié. Vous pouvez obtenir à la fois le nom d'attribut et la valeur.

console.log("----------------------------------");
$('#form-id > input,#form-id > textarea').each(function(index) {
    console.log($(this).attr('name') + " = " + $(this).val());
});
console.log("----------------------------------");

Remarque: La commande console.log() ne s'applique qu'aux outils de débogage du navigateur tels que Firebug.

jQuery obtenir la valeur d'entrée de formulaire FAQ

Comment utiliser jQuery pour obtenir la valeur d'une zone d'entrée de texte?

Utilisez la méthode .val() de jQuery pour obtenir la valeur de la zone d'entrée de texte. Cette méthode renvoie la valeur de l'élément sélectionné. Les exemples sont les suivants:

$(document).ready(function(){
  $("button").click(function(){
    alert("Value: " + $("#test").val());
  });
});

Après avoir cliqué sur le bouton, la valeur de l'élément d'entrée avec ID "test" apparaîtra.

Comment définir la valeur d'une zone d'entrée de texte à l'aide de jQuery?

même utilisez la méthode .val() pour définir la valeur de la zone d'entrée de texte. Cette méthode est utilisée pour définir les valeurs de tous les éléments correspondants. Les exemples sont les suivants:

$(document).ready(function(){
  $("button").click(function(){
    $("#test").val("Hello World");
  });
});

Après avoir cliqué sur le bouton, la valeur de l'élément d'entrée avec l'ID "test" sera définie sur "Hello World".

Comment utiliser jQuery pour obtenir toutes les valeurs d'entrée sous une forme spécifique?

Utilisez la méthode .serialize() pour obtenir toutes les valeurs d'entrée sous une forme spécifique. Cette méthode crée une chaîne de texte codée par URL contenant la valeur de la forme. Les exemples sont les suivants:

$(document).ready(function(){
  $("button").click(function(){
    alert($("form").serialize());
  });
});

Après avoir cliqué sur le bouton, les valeurs de tous les éléments du formulaire seront apparues, rendues sous forme de chaîne de texte codée par URL.

Comment utiliser jQuery pour produire des valeurs d'entrée sur la console?

combinant la méthode .val() et la méthode console.log() peut sortir la valeur d'entrée sur la console. Les exemples sont les suivants:

$(document).ready(function(){
  $("button").click(function(){
    console.log($("#test").val());
  });
});

Après avoir cliqué sur le bouton, la valeur de l'élément d'entrée avec ID "test" sera enregistrée sur la console.

Comment utiliser jQuery pour obtenir la valeur sélectionnée dans la liste déroulante?

Utilisez la méthode .val() pour obtenir la valeur sélectionnée dans la liste déroulante. Les exemples sont les suivants:

$(document).ready(function(){
  $("button").click(function(){
    alert($("#mySelect").val());
  });
});

Après avoir cliqué sur le bouton, la valeur sélectionnée dans la liste déroulante avec ID "MySelect" apparaîtra.

Comment utiliser jQuery pour définir la valeur sélectionnée dans la liste déroulante?

Utilisez également la méthode .val() pour définir la valeur sélectionnée dans la liste déroulante. Les exemples sont les suivants:

$(document).ready(function(){
  $("button").click(function(){
    $("#mySelect").val("Option2");
  });
});

Après avoir cliqué sur le bouton, la valeur sélectionnée dans la liste déroulante avec ID "MySelect" sera définie sur "Option2".

Comment utiliser jQuery pour obtenir la valeur d'une case à cocher?

Utilisez la méthode .prop() et la méthode .val() pour obtenir la valeur de la case à cocher. Les exemples sont les suivants:

$(document).ready(function(){
  $("button").click(function(){
    if($("#myCheck").prop("checked")){
      alert($("#myCheck").val());
    }
  });
});

Après avoir cliqué sur le bouton, si la case à cocher avec ID "MyCheck" est sélectionnée, sa valeur apparaîtra.

Comment définir la valeur d'une case à cocher à l'aide de jQuery?

Utilisez la méthode .prop() pour définir la valeur de la case à cocher. Les exemples sont les suivants:

$(document).ready(function(){
  $("button").click(function(){
    $("#myCheck").prop("checked", true);
  });
});

Après avoir cliqué sur le bouton, la case à cocher avec ID "MyCheck" sera sélectionnée.

Comment utiliser jQuery pour obtenir la valeur d'un bouton radio?

Utilisez les méthodes de sélecteur :checked et .val() pour obtenir la valeur du bouton radio. Les exemples sont les suivants:

console.log("----------------------------------");
$('#form-id > input,#form-id > textarea').each(function(index) {
    console.log($(this).attr('name') + " = " + $(this).val());
});
console.log("----------------------------------");

Après avoir cliqué sur le bouton, la valeur du bouton radio sélectionné nommé "Myradio" apparaîtra.

Comment définir la valeur d'un bouton radio à l'aide de jQuery?

Utilisez la méthode .prop() pour définir la valeur du bouton radio. Les exemples sont les suivants:

$(document).ready(function(){
  $("button").click(function(){
    alert("Value: " + $("#test").val());
  });
});

Après avoir cliqué sur le bouton, un bouton radio nommé "Myradio" sera sélectionné. (Remarque: cela sélectionne le premier bouton radio correspondant, et si une valeur spécifique doit être sélectionnée, un sélecteur plus précis est requis.)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!