Exemple de sélecteurs de formulaire jQuery
jQuery est fourni avec de nombreux sélecteurs de formulaire pour accéder aux éléments du formulaire plus facilement et plus efficacement. Voici une référence simple des sélecteurs de formulaire jQuery.
1. TextBox - $ (‘input: text’)
Pour sélectionner une zone de texte
$('input:text');
Pour obtenir la valeur de la zone de texte
$('input:text').val();
Pour définir la valeur de la zone de texte
$('input:text').val("New Text");
2. Mot de passe - $ («entrée: mot de passe»)
Pour sélectionner un mot de passe
$('input:password');
Pour obtenir la valeur du mot de passe
$('input:password').val();
Pour définir la valeur du mot de passe
$('input:text').val("New Text");
3. Zone de texte - $ («zone de texte»)
Pour sélectionner une zone de texte
$('textarea');
Pour obtenir la valeur de la zone de texte
$('textarea').val();
Pour définir la valeur de la zone de texte
$('textarea').val("New Text in Textarea");
4. Boutons radio - $ («entrée: radio»)
Pour sélectionner un bouton radio
$('input:radio');
Pour obtenir l'option du bouton radio sélectionné
$('input:radio[name=radiobutton-name]:checked').val();
Pour sélectionner la première option de bouton radio
$('input:radio[name=radiobutton-name]:nth(0)').attr('checked',true);
or
$('input:radio[name=radiobutton-name]')[0].checked = true;
5. Case à cocher - $ («entrée: case à cocher»)
Pour sélectionner une case à cocher
$('input:checkbox');
Pour vérifier si une case est cochée
$('input:checkbox[name=checkboxname]').is(':checked');
Pour cocher une case
$('input:checkbox[name=checkboxname]').attr('checked',true);
Pour décocher une case
$('input:checkbox[name=checkboxname]').attr('checked',false);
6. Télécharger le fichier - $ («entrée: fichier»)
Pour sélectionner un fichier
$('input:file');
Pour obtenir la valeur du fichier
$('input:file').val();
7. Valeur cachée - $ («entrée: cachée»)
Pour sélectionner une valeur cachée
$('input:hidden');
Pour obtenir la valeur cachée
$('input:hidden').val();
Pour définir la valeur cachée
$('input:hidden').val("New Text");
8. Sélectionnez (liste déroulante) - $ («sélectionnez»)
Pour sélectionner une liste déroulante
$('select')
or
$('#dropdown-id')
Pour obtenir la valeur de la liste déroulante sélectionnée
$('#dropdown-id').val();
Pour définir la valeur de la liste déroulante sur «Chine»
$("#dropdown-id").val("China");
9. Bouton Soumettre - $ («entrée: soumettre»)
Pour sélectionner un bouton d'envoi
$('input:submit');
10. Bouton de réinitialisation - $ («entrée: réinitialisation»)
Pour sélectionner un bouton de réinitialisation
$('input:reset');
Sélecteurs de formulaire jQuery
jQuery form selector example jQuery form selector example
Message =