mardi 18 octobre 2016

Disable other checkboxes once the first one is enabled

I am building multiple checkboxes. I want to add the functionality that if the first answer is Yes (Did data reach ? Ans: Yes), all the remaining checkboxes are disabled. How should I go about doing that ?

HTML:

<p><span>Did data reach?</span><form action="" method="post">
                                    <input type="checkbox" id="checkme1" value="Yes" />Yes<input type="checkbox" id="checkme2" value="No" />No</form></p>
                                    <p><span>Is time right?</span><form action="" method="post">
                                    <input type="checkbox" id="checkme3" value="Yes" />Yes<input type="checkbox" id="checkme4" value="No" />No</form></p>
                                    <p><span>Is order complete?</span><form action="" method="post">
                                    <input type="checkbox" id="checkme5" value="Yes" />Yes<input type="checkbox" id="checkme6" value="No" />No</form></p>

JS:

 var checker1 = document.getElementById('checkme1');
 var checker2 = document.getElementById('checkme2');
 var checker3 = document.getElementById('checkme3');
 var checker4 = document.getElementById('checkme4');
 var checker5 = document.getElementById('checkme5');
 var checker6 = document.getElementById('checkme6');
 // when unchecked or checked, run the function
 checker1.onchange = function(){
if(this.checked){
    checkme1.disabled = false;
} else {
    checkme2.disabled = false;
} else {
    checkme3.disabled = true;
} else {
    checkme4.disabled = true;
} else {
    checkme5.disabled = true;
} else {
    checkme6.disabled = true;

}




Aucun commentaire:

Enregistrer un commentaire