JavaScript this.checked

Dans JavaScript, si nous écrivons les éléments suivants, par exemple:

var c = this.checked;

Qu'est-ce qui est checked ici? Est-ce seulement un état qui nous indique si une case à cocher par exemple est cochée ou non ? Alors, pouvons-nous l'utiliser pour vérifier que la case n'est pas vérifiée?

Est-ce seulement un état qui nous indique si une case à cocher par exemple est cochée ou non? Alors, pouvons-nous l'utiliser pour vérifier que la case n'est pas vérifiée?

Oui et oui

Pour utiliser le pseudo sélecteur :checked avec l'objet jquery this écriture:

 $(this).is(':checked')

En supposant que this réfère à un élément DOM qui a une propriété checked (par exemple, une case à cocher ou un bouton radio), la propriété checked sera soit true si l'élément est coché, soit est false s'il ne l'est pas. Par exemple, compte tenu de ce code HTML:

 <input type="checkbox" id="example">

La ligne suivante de JS renverra false :

 var c = document.getElementById("example").checked; //False

Notez que ce que vous avez écrit est JavaScript standard, et non jQuery. Si this réfère à un objet jQuery plutôt qu'à un élément DOM, checked sera indéfini car l'objet jQuery n'a pas de propriété checked . S'il s'agit d'un objet jQuery, vous pouvez utiliser .prop :

 var c = this.prop("checked");

Dans jQuery checked est un sélecteur:

Le sélecteur vérifié fonctionne pour les cases à cocher et les boutons radio.

Il existe des façons de vérifier si une case est cochée ou pas:

Par exemple:

 $('#checkBox').attr('checked'); or $('#checkBox').is(':checked');