Utilisez js pour déterminer si la case à cocher est cochée et utilisez js pour faire fonctionner la case à cocher

Nous rencontrons souvent ce problème dans nos projets : utilisez js pour déterminer si la case à cocher est cochée et utilisez js pour faire fonctionner la case à cocher.
En fait, ces exigences sont très simples. Ici, nous utilisons natifs js et jQuery pour remplir ces exigences.

1. Utilisez du JavaScript natif pour déterminer si la case est cochée

<input type="checkbox" id="test" class="test">同意<script>
    // 获取checkbox元素
    var box=document.getElementById("test");      
    // 判断是否被拒选中，选中返回true，未选中返回false
    alert(box.checked);</script>

2. Utilisez du JavaScript natif pour déterminer si la case est cochée

<input type="checkbox" id="test" class="test">同意<script>
    // 获取checkbox元素
    var box=document.getElementById("test");      
    // 判断是否被拒选中，选中返回true，未选中返回false
    alert(box.checked);</script>

3. Utiliser Javascript natif supprime la case à cocher sélectionnée

<input type="checkbox" id="test" class="test">同意<script>
    // 获取checkbox元素
    var box=document.getElementById("test");      
    // 判断是否被拒选中，选中返回true，未选中返回false
    box.checked=false;</script>

4. Utilisez jQuery pour déterminer si la case à cocher est sélectionnée

<input type="checkbox" id="test" class="test">同意<script>
    // 选中返回true，未选中返回false
    $(&#39;#test&#39;).is(":checked");    // 选中返回true，未选中返回false;一定要注意，这里不可以使用attr("checked")来判断
    $("#test").prop("checked")</script>

5. Utilisez jQuery pour définir la case à cocher sélectionnée

<input type="checkbox" id="test" class="test">同意<script>
     $("#test").prop("checked","trure")
     $("#test").attr("checked","true")</script>

6. Utilisez les paramètres jQuery pour supprimer la case à cocher sélectionnée

<input type="checkbox" id="test" class="test">同意<script>
     $("#test").prop("checked","false")
     $("#test").attr("checked","false")</script>

Articles connexes :

jquery détermine si la case à cocher est sélectionnée

js Comment déterminer si la case à cocher est cochée_Connaissances de base

Vidéos associées :

JS#jQuery compréhension et application de la largeur et de la hauteur

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!