Блог

Эй, ребята, я пытаюсь разработать сценарий с флажками, у меня есть 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
  

Сначала я предлагаю вам присвоить конкретный атрибут 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>
  

Присвойте разные уникальные идентификаторы всем флажкам… Нравится

• chckbx1

• chckbx2

• chckbx3

  .

  .

• chckbx7

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

т. е. onclick=functionname(this);

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

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