jQuery chọn tất cả các hộp kiểm con

Question

Thứ nhất, chỉ muốn nói rằng tôi vô vọng với jQuery.

tôi đang tìm kiếm tại một số mã từ một bài đăng trên đây mà chọn mỗi hộp kiểm cha mẹ (và các công trình):

$(function() { 
    $(":checkbox").change(function() { 
    $(this).parents().children(':checkbox').attr('checked', this.checked); 
    }); 
}); 

Chúng tôi có một cấu trúc hình cây sử dụng <ul> <li> và mỗi <li> có một hộp kiểm. Tôi muốn làm điều ngược lại ở trên và thực hiện lựa chọn hộp kiểm tương tự trên tất cả các hộp kiểm con.

Có ai có thể sửa đổi các điều trên để làm điều đó không?

Chỉ cần lưu ý chúng tôi đang sử dụng dao cạo và mỗi hộp kiểm là một @ Html.CheckboxFor nên sản lượng nằm dọc theo dòng:

<input name="Survey.Buildings[0].IsSelected" type="checkbox" value="true" checked="checked" data-val="true" data-val-required="The Selected? field is required." id="Survey_Buildings_0__IsSelected" /> 
<input name="Survey.Buildings[0].IsSelected" type="hidden" value="false" /> 

• EDIT 2:

OK Tôi có cố định HTML và cấu trúc bây giờ trông giống như:

<ul> 
    <li> Cbx1 
     <ul> 
      <li> Cbx 2 </li> 
     </ul> 
    </li> 
    <li> Cbx3 </li> 
    <li> Cbx4 
     <ul> 
      <li> Cbx 5 </li> 
      <li> Cbx 6 </li> 
     </ul> 
    </li> 
</ul> 

Vì vậy nếu Cbx4 được chọn Cbx5 a thứ 6 sẽ được kiểm tra, và nếu nó được bỏ chọn họ sẽ được kiểm soát

nhiều đánh giá cao

Andy

Answer 1

jsFiddle Demo

$(function() { 
    $("input[type='checkbox']").change(function() { 
    $(this).siblings('ul') 
      .find("input[type='checkbox']") 
      .prop('checked', this.checked); 
    }); 
}); 

Answer 2

$(function() { 
    $(":checkbox").change(function() { 
    $(this).children(':checkbox').attr('checked', this.checked); 
    }); 
}); 

Không thực sự rõ ràng với câu hỏi của bạn nhưng bạn có thể thử lại bằng cách loại bỏ phụ huynh() như được trình bày ở trên.