Comment obtenir plusieurs valeurs sélectionnées dans la case à cocher en js

Idée : utilisez la valeur de l'attribut name pour obtenir l'objet case à cocher, puis effectuez une boucle pour déterminer l'attribut coché (vrai signifie sélectionné, faux signifie non coché). Des exemples sont illustrés ci-dessous :

1. Structure HTML

<input type="checkbox" name="test" value="1" />
<span>
    1
</span>
<input type="checkbox" name="test" value="2" />
<span>
    2
</span>
<input type="checkbox" name="test" value="3" />
<span>
    3
</span>
<input type="checkbox" name="test" value="4" />
<span>
    4
</span>
<input type="checkbox" name="test" value="5" />
<span>
    5
</span>
<input type=&#39;button&#39; value=&#39;提交&#39; onclick="show()" />

2. Code JavaScript (jQuery)

function show(){
    obj = document.getElementsByName("test");
    check_val = [];
    for(k in obj){
        if(obj[k].checked)
            check_val.push(obj[k].value);
    }
    alert(check_val);
}

3. Effet de démonstration

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!