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