Управление группой чекбоксов. Выбор чекбоксов по ID
Здравствуйте.
Не могу решить задачку, уже длительное время( есть структура примерная структура: <div id="filterEl_ba452992-7c4a-4b07-ad00-a032da8b025d-wrapper" class="ui-buttonset"> <input type="checkbox" id="aviamotornaya-52ff44fd6de39" value="Авиамоторная" name="e[ba452992-7c4a-4b07-ad00-a032da8b025d][]" class="aviamotornaya ui-helper-hidden-accessible"> <label for="aviamotornaya-52ff44fd6de39" class="checkbox-lbl lbl-eba452992-7c4a-4b07-ad00-a032da8b025daviamotornaya ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button" aria-disabled="false"> <span class="ui-button-text"> Авиамоторная</span></label> <input type="checkbox" id="avtozavodskaya-52ff552447c41" value="Автозаводская" name="e[ba452992-7c4a-4b07-ad00-a032da8b025d][]" class="avtozavodskaya ui-helper-hidden-accessible"> <label for="avtozavodskaya-52ff552447c41" class="checkbox-lbl lbl-eba452992-7c4a-4b07-ad00-a032da8b025davtozavodskaya ui-button ui-widget ui-state-default ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text"> Автозаводская</span></label> <span class="ui-button-text"> Автозаводская</span></label> </div> Т.е. у меня список станций метро выполненный чекбоксами, поверх UI кнопки. Задача в том что мне нужно выбрать определенные станции метро чекбоксом. К примеру все станции кольца. т.е. выбрал управляющий чекбокс, выбрались все станции кольца. Но я никакими средствами не могу подцепиться хотя бы к одному чекбоксу:( перепробовал все начиная от банального getelementbyid Ну не выходит, знающие люди, подскажите пожалуйста как.. |
toyda,
а мало информации практически никакой |
Какая еще информация нужна?
|
Цитата:
|
Дополнил в шапке еще одной "станцией метро", в принципе весь список так и идет (думаю не стоит представлять весь список :) ).
Других взаимосвязей между чекбоксами нет. |
toyda,
вы решили что информации достаточно ))) тогда примите то, как вас поняли. :-?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
document.onclick = function (e) {
var target = e && e.target || event.srcElement;
if(target.className == "boss") {
var id = target.id,
checked = target.checked,
metro = document.querySelectorAll('[name*="'+id+'"]');
for (var i=0; i<metro.length; i++) {
metro[i].checked = checked
}
}
}
</script>
</head>
<body>
<div id="filterEl_ba452992-7c4a-4b07-ad00-a032da8b025d-wrapper" class="ui-buttonset">
<input type="checkbox" id="aviamotornaya-52ff44fd6de39" value="Авиамоторная" name="e[ba452992-7c4a-4b07-ad00-a032da8b025d][]" class="aviamotornaya ui-helper-hidden-accessible">
<label for="aviamotornaya-52ff44fd6de39" class="checkbox-lbl lbl-eba452992-7c4a-4b07-ad00-a032da8b025daviamotornaya ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button" aria-disabled="false">
<span class="ui-button-text"> Авиамоторная</span></label>
<input type="checkbox" id="avtozavodskaya-52ff552447c41" value="Автозаводская" name="e[ba452992-7c4a-4b07-ad00-a032da8b025d][]" class="avtozavodskaya ui-helper-hidden-accessible">
<label for="avtozavodskaya-52ff552447c41" class="checkbox-lbl lbl-eba452992-7c4a-4b07-ad00-a032da8b025davtozavodskaya ui-button ui-widget ui-state-default ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text"> Автозаводская</span></label>
</div>
<label><input id="ba452992" name="" type="checkbox" class="boss">управляющий чекбокс</label>
</body>
</html>
|
Я переспросил на счет информации.
Я естественно готов сбросить все что нужно, поэтому уточнил. Спасибо, код работает! Но еще в шапке я уточнил что необходимо выделять группу чекбоксов, т.е. по сути мне необходимо указать список id привязанных к управляющему чекбоксу. |
| Часовой пояс GMT +3, время: 12:32. |