Я создал панель вкладок с помощью начальной загрузки, как показано в моем фрагменте кода ниже (2 вкладки), и оба содержат несколько флажков ul-> li-> input. Я пытаюсь сделать так, как будто Tab_01 (tab_urban) активен, затем разрешить устанавливать флажки из Tab_01, а не из Tab_02 (tab_rural) -> отключить флажки наоборот. Невозможно определить, где я делаю ошибку.
##JS
var el_u = document.getElementById('urban');
var chk_r = document.getElementsByClassName('myCheck_u');
var el_r = document.getElementById('rural');
var chk_u = document.getElementsByClassName('myCheck_r');
if ((hasClass(el_u, 'active')) == true && (hasClass(el_r, 'active')) !== true) {
console.log('urban selected');
for (var k = 0; k < chk_r.length; k++) {
chk_r[k].disabled = false;
}
for (var k = 0; k < chk_u.length; k++) {
chk_u[k].disabled = true;
}
} else if ((hasClass(el_r, 'active')) == true && (hasClass(el_u, 'active')) !== true) {
console.log('rural selected');
for (var k = 0; k < chk_u.length; k++) {
chk_r[k].disabled = true;
}
for (var k = 0; k < chk_r.length; k++) {
chk_u[k].disabled = false;
}
}
/*******************************************/
##HTML
<ul class="nav nav-tabs">
<li id="urban" class="active"><a href="#tab_urban" data-toggle="tab" aria-expanded="true">Tab 1</a></li>
<li id="rural" class=""><a href="#tab_rural" data-toggle="tab" aria-expanded="false">Tab 2</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_urban">
<ul>
<li>
<input class="myCheck_u" type="checkbox" name="Wave_fiters[]" value="1"> Wave-1 </li>
<li>
<input class="myCheck_u" type="checkbox" name="Wave_fiters[]" value="2"> Wave-2 </li>
</ul>
</div>
<div class="tab-pane" id="tab_rural">
<ul>
<li>
<input class="myCheck_r" type="checkbox" name="HS1_fiters[]" value="1"> Entertainment Sites </li>
<li>
<input class="myCheck_r" type="checkbox" name="HS1_fiters[]" value="2"> News </li>
</ul>
</div>
</div>
Вкладки меняют свое состояние.
- Изначально в Tab_01 все входы можно проверить, а в Tab_02:
отключено Когда я изменяю вкладку (Tab_01 на Tab_02) не включается
флажки ввода Tab_02 и отключение Tab_01