Comment sélectionner plusieurs valeurs dans la case à cocher en js ?

Le contenu de cet article explique comment sélectionner plusieurs valeurs​​dans une case à cocher en js ? Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

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é). Voici un exemple de démonstration :

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.

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

Recommandations associées :

Qu'est-ce que la conversion de type implicite ? Introduction à la conversion de type implicite js

Comment utiliser js pour obtenir l'effet de cliquer sur une petite image pour afficher une grande image ? (Exemple de code)

Quel est le concept du mécanisme d'exécution js ? Méthode d'implémentation du mécanisme d'exécution js

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!