JavaScript - Vérifier si au moins une checkbox est coché

Programmation JavaScript
, , , ,
1

Bonjour,

SVP, j’ai un formulaire qui contien des checkbox, et jaimerais savoir comment je peux vérifier si au moins une checkbox est coché?

<input class="mycheckbox" type="checkbox"> Option 1
<br>
<input class="mycheckbox" type="checkbox"> Option 2
<br>
<input class="mycheckbox" type="checkbox"> Option 3
2

Ajouter l’attribut onclick aux checboxs pour trigrer une fonction qui va vérifier si au moins une checkbox est coché comme suit

<input class="mycheckbox" type="checkbox" onclick="validate()"> Option 1
<br>
<input class="mycheckbox" type="checkbox" onclick="validate()"> Option 2
<br>
<input class="mycheckbox" type="checkbox" onclick="validate()"> Option 3

checked est une propriété booléenne, vous pouvez donc l’utiliser directement dans une condition if.

function validate() 
{
    var mycheckbox = document.getElementsByClassName("mycheckbox");

    for (var i = 0; i < mycheckbox.length; i++) {
        if (mycheckbox[i].checked) {
            alert("checked");
            break;
        } else {
            alert("not checked");
        }
    }
}
3

Voici une autre façon de le faire:

Code HTML:

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

Code JavaScript:

const someCheckbox = document.getElementById('boxID');

someCheckbox.addEventListener('change', e => {
  if(e.target.checked === true) {
    console.log("Checkbox value: ", e.target.checked)
  }
if(e.target.checked === false) {
    console.log("Checkbox value: ", e.target.checked)
  }
});
4

C’est assez simple:

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

if (document.getElementById('checkboxID').checked) {
    alert("checked");
}
else {
    alert("not checked");
}
5

Ca peut vous aidez si vous voulez vérifier si une checkbox est coché avec JQuery: