Comment cocher ou décocher dynamiquement des cases avec JavaScript ?

Manipulation dynamique des états des cases à cocher avec JavaScript

JavaScript fournit diverses méthodes pour contrôler l'état coché d'une case à cocher à partir d'une page Web. Voici comment cocher ou décocher une case :

Utilisation de la propriété cochée

La propriété cochée d'un L'élément peut être directement défini sur true ou false pour le cocher ou le décocher.

<br>// Check<br>document.getElementById("checkbox").checked = true;</p> <p>// Décochez<br>document.getElementById("checkbox").checked = false;<br>

Utilisation de jQuery (v1.6)

jQuery fournit prop(), une méthode plus flexible pour manipuler les propriétés des éléments, y compris l'état coché :

<br>// Check<br>$(" #checkbox").prop("checked", true);</p>
<p>// Décocher<br>$("#checkbox").prop("checked", false);<br></pre&gt ;</p>
<p><h3>Utilisation de jQuery (v1.5-)</h3></p>
<p>Avant jQuery v1.6, la méthode attr() était utilisée pour la manipulation des propriétés. Bien que toujours fonctionnelle, ce n'est pas l'approche la plus fiable pour les cases à cocher :</p>
<p><pre class="brush:php;toolbar:false"><br>// Check<br>$("#checkbox").attr("checked", true);</p>
<p>// Uncheck<br>$("#checkbox").attr("checked", false);<br>

En tirant parti de ces méthodes, vous pouvez dynamiquement mettre à jour les états des cases à cocher, vous permettant de créer des interfaces Web interactives et de contrôler les entrées de formulaire par programme.

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!