Доступ к вложенным элементам
Всем привет. народ, вот такой вот вопрос.
Есть 2 чек бокса, вот верстка: <div class="controls"> <label><input type="checkbox" / >Связанный</label> <label><input type="checkbox" />Выбор</label> </div> Это всё внутри BODY находится. Как средствами jQuery получить доступ к чекбоксам? Отдельно к 1-му, и отдельно ко 2-му? и как проверить, стоит ли флажок, или нет? Нагуглил, написано что $("div.controls").children(), но скока я ни пыхтел, ни пытался, не получается у меня что-то. В конечном варианте мне нужно чтобы по клику мыши, если какой-либо одиин чекбокс установлен, то галочка бы ставилась и на втором, и наоборот, если с 1-го снимаем галочку, то она снимается и со 2-го, ну т.е. чтобы они оба всегда были в одинаковом состоянии. |
fenix_63,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> </script> <script> $(function() { var inps = $("div.controls input"); inps.click(function() { inps.prop( {"checked": this.checked}) } ) } ); </script> </head> <body> <div class="controls"> <label><input type="checkbox">Связанный</label> <label><input type="checkbox">Выбор</label> </div> </body> </html> |
Cпасибо большое !
|
Часовой пояс GMT +3, время: 09:24. |