Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Доступ к вложенным элементам (https://javascript.ru/forum/jquery/57575-dostup-k-vlozhennym-ehlementam.html)

fenix_63 10.08.2015 11:27

Доступ к вложенным элементам
 
Всем привет. народ, вот такой вот вопрос.

Есть 2 чек бокса, вот верстка:

<div class="controls">
    <label><input type="checkbox" / >Связанный</label>
    <label><input type="checkbox" />Выбор</label>
</div>


Это всё внутри BODY находится.
Как средствами jQuery получить доступ к чекбоксам? Отдельно к 1-му, и отдельно ко 2-му? и как проверить, стоит ли флажок, или нет?

Нагуглил, написано что $("div.controls").children(), но скока я ни пыхтел, ни пытался, не получается у меня что-то. В конечном варианте мне нужно чтобы по клику мыши, если какой-либо одиин чекбокс установлен, то галочка бы ставилась и на втором, и наоборот, если с 1-го снимаем галочку, то она снимается и со 2-го, ну т.е. чтобы они оба всегда были в одинаковом состоянии.

рони 10.08.2015 12:00

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>

fenix_63 10.08.2015 13:31

Cпасибо большое !


Часовой пояс GMT +3, время: 21:20.