Décochez l'état coché d'un bouton radio à l'aide de jQuery

jquery effacer l'état sélectionné de la radio

Lors de la fermeture de la fenêtre : $("input[type='radio']").removeAttr('checked').

Méthodes courantes Jquery

1. Références aux éléments de la page.

Vous pouvez référencer des éléments en utilisant la méthode $() de jQuery et sélectionner par identifiant, classe, nom d'élément, relation hiérarchique, conditions DOM ou XPath, etc. Ce qui est renvoyé est un objet jQuery (objet de collection) et les méthodes définies par le DOM ne peuvent pas être appelées directement.

2. Conversion entre l'objet jQuery et l'objet dom.

Les méthodes définies par jQuery ne peuvent être appelées qu'à l'aide d'objets jQuery. Soyez conscient de la différence entre les objets DOM et les objets jQuery et assurez-vous que vous utilisez le bon objet lorsque vous appelez des méthodes.

3. Comment obtenir un élément de la collection jQuery.

Pour l'ensemble d'éléments obtenu, pour obtenir un élément (spécifié par index), vous pouvez utiliser la méthode eq ou get(n) ou le numéro d'index. Notez que eq renvoie un objet jquery, tandis que get(n) et index return l'est. un objet élément dom. Pour les objets jquery, vous ne pouvez utiliser que les méthodes jquery, et pour les objets dom, vous ne pouvez utiliser que les méthodes dom, telles que l'obtention du contenu du troisième élément.

4. Fonction de traitement de la collecte.

Pour le contenu de la collection renvoyé par jquery, nous n'avons pas besoin de le parcourir nous-mêmes et de traiter chaque objet séparément. Jquery nous a fourni une méthode très pratique pour traiter la collection. Comprend deux formulaires : $("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})

5. Plusieurs fonctions d'effets spéciaux pratiques.

Les méthodes toggle() et slidetoggle() fournissent la fonction de changement d'état.

Par exemple, la méthode toggle() inclut les méthodes hide() et show().

La méthode

slideToggle() inclut les méthodes slideDown() et slideUp.

6. Fonction complète de traitement des événements

Jquery nous a fourni diverses méthodes de gestion des événements. Nous n'avons pas besoin d'écrire des événements directement sur des éléments HTML, mais pouvons directement ajouter des événements aux objets obtenus via jquery.

Comment sélectionner un bouton radio à l'aide de jquery

Utilisez jquery pour obtenir la valeur de la radio. Le plus important est de maîtriser l'utilisation du sélecteur jquery. Dans un formulaire, nous voulons généralement obtenir la valeur de l'élément radio sélectionné, nous devons donc ajouter une vérification au filtre. exemple, il y a quelques radios ci-dessous Article :

1.jquery obtient la valeur de la radio

2.jquery obtient la valeur de la case à cocher

3.jquery obtient la valeur de select

Pour obtenir la valeur d'une certaine radio, il existe plusieurs méthodes comme suit, il suffit de donner directement le code :

1,

1.$('input[name=＂testradio＂]:checked').val();2,

1.$('input:radio:checked').val();3,

1.$('input[@name=＂testradio＂][checked]');4.

1.$('input[name=＂testradio＂]').filter(':checked'); C'est presque terminé Si nous voulons parcourir toutes les radios portant le nom testradio, le code est le suivant

.

1.$('input[name=＂testradio＂]').each(function(){2.alert(this.value);3.}); Si vous souhaitez obtenir la valeur d'une radio spécifique, telle comme la seconde La valeur d'une radio s'écrit ainsi

1.$('input[name=＂testradio＂]:eq(1)').val()

Javascript contrôle l'affichage des zones de texte en sélectionnant les boutons radio

html est le suivant :

Spectacle

Masquer

JS est le suivant :

var show = document.getElementById('show'); // Récupère respectivement les éléments correspondants

var hide = document.getElementById('hide');

var text = document.getElementById('text');

show.onclick = fonction() {

text.style.display = '';

};

hide.onclikc = function() {

text.style.diplay = 'aucun';

}

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!