2013-02-12 4 views
0

У меня есть сложный вопрос jquery; Я хочу, чтобы иметь возможность выбирать все дочерние элементы определенного флажка, когда он имеет идентификатор и контент класса span '-  'Подбор (проверка) флажков с указанным тегом в JQuery

В приведенном ниже примере; Я хочу, чтобы при проверке «Тревога» проверялись как «Alarmes domestiques», так и «Contrôle d'accès»; также обратное действие, когда я его не снимаю.

Должно быть, чертовски легко, но я не эксперт по JQuery.

Спасибо!

Layout

У меня есть следующий код:

<tbody> 
<tr class="odd"> 
    <td> 
    <div class="form-item-2-0-checkboxes-1--1"> 
     <input type="checkbox" name="2[0][checkboxes][1][-1]" value="1"> 
    </div> 
    </td> 
    <td> 
      <span class="indenter"></span> 
      <a href="/taxonomy/term/1" class="depth-0">Alarmes</a> 
    </td> 
</tr> 
<tr class="even"> 
    <td> 
     <div class="form-item-2-0-checkboxes-4--1"> 
       <input type="checkbox" name="2[0][checkboxes][4][-1]" value="1"> 
     </div> 
    </td> 
    <td> 
      <span class="indenter">--&nbsp;</span> 
      <a href="/taxonomy/term/4" class="depth-1">Alarmes domestiques</a> 
    </td> 
</tr> 
<tr class="odd"> 
    <td> 
      <div class="form-item-2-0-checkboxes-5--1"> 
       <input type="checkbox" name="2[0][checkboxes][5][-1]" value="1"> 
      </div> 
    </td> 
    <td> 
      <span class="indenter"></span> 
      <a href="/taxonomy/term/2" class="depth-0">Aménagement</a> 
    </td> 
</tr> 
<tr class="even"> 
     <td> 
      <div class="form-item-2-0-checkboxes-3--1"> 
       <input type="checkbox" name="2[0][checkboxes][3][-1]" value="1"> 
      </div> 
     </td> 
     <td> 
      <span class="indenter"></span> 
      <a href="/taxonomy/term/3" class="depth-0">Sanitaires</a> 
     </td> 
</tr> 
</tbody> 

ответ

1

ОК, попробуйте, еще не очень хороший код.

+0

Приятно, но даже не вызывает щелчок; (функция ($) {$ checkboxes = $ ("span.indenter: empty"). Parent(). Prev(). Children(). Children(); \t $ checkboxes.click (function() {alert ('hey');});}) (jQuery); – Disco

+0

с помощью jquery 1.5.2 – Disco

+1

он должен работать http://jsfiddle.net/YSSps/, но не может проверить скрипту с помощью 1.5.2 (и позаботиться о .prop, который был добавлен в jquery 1.6) – r043v

0

Вы можете использовать JQuery, чтобы вызвать событие, как только вы установите флажок Alarmes для проверки двух других. Поместите два подпункта в один класс (для этого примера, мы будем говорить «subChk» класс)

$("#Alarmes").click(function() { 
     $(".subChk").prop('checked', $("#Alarmes").is(':checked')); 
    }); 

Благодаря коррекции.

+0

или меньше: $ (". SubChk"). Prop ('checked', $ ("# Alarmes"). Is (': checked')); – r043v

+0

Спасибо, но код, который я предоставил, был только примером; можете ли вы предоставить более общее решение? У меня будет около 60 флажков; но используя ту же логику. Кроме того, решение, которое вы предоставили, не будет работать, поскольку нет определенного класса .subChk. – Disco

+1

Вы можете определить класс в тегах . tymeJV