Установите и снимите флажки, используя Javascript

Question

Привет, ребята, я пытаюсь разработать сценарий с флажками, у меня есть 7 блоков, и я пытаюсь получить логическое утверждение, где все работает.У меня есть 7 флажков, и 7-й блок - все вышеперечисленное, при нажатии на все вышеперечисленное отменяется выбор всех предыдущих, при выборе 1-6 отменяется выбор всего вышеперечисленного.То, что происходит в моем текущем коде, отменяет выбор всех полей 1-6, и затем они не могут щелкнуть.К сожалению, я отчасти ограничен вещами.поэтому я вставлю свой код в любую помощь, очень признателен.

Это фрагмент очень ужасного кодирования, я просто прошел через это вместе, пытаясь несколькими способами заставить его работать.

if (document.forms[0].propDetails[6].checked==true) {
for (var x=0;x<6;x++) {
document.forms[0].propDetails[x].checked=false;
}
}
else {
document.forms[0].propDetails[6].checked=false;
}
} // end of function

Answer 1

Сначала я предлагаю указать определенный атрибут NAME для флажков 1-6 и проанализировать их, используя getElementsByName, например:

<input type="checkbox" id="myChk1" name="myChk" />
...
<input type="checkbox" id="myChk6" name="myChk" />

<input type="checkbox" id="myChkAll" onchange="chkAll(this);" />

<script type="text/javascript">
function chkAll(obj) {
    var isChecked = obj.checked;

    var chk1to6 = document.getElementsByName('myChk');

    for (var i = 0 ; i < chk1to6.length ; i++) {
        chk1to6[i].checked = isChecked;
    }
}
</script>

Answer 2

Дайте разные уникальные идентификаторы всем флажкам ... как

• chckbx1

• chckbx2

• chckbx3

  .

  .

• chckbx7

вызов той же функции при нажатии любого из флажков с объектом этого флажка

т.е. onclick=functionname(this);

В стороне функции проверить идентификатор

functioname(str){
if(str.id=="chckbx7"){
//deselect all except chckbx7
}
else{
//deselect chckbx7
}
}