的javascript選中複選框

Question

樣的我需要什麼：（點擊查看完整圖片）

我想，當我點擊任何標題複選框，下面所有的行都將被檢查。

例如：當我點擊選中全部標題的複選框，則必須檢查網格中顯示的所有複選框，反之亦然。另外，當我點擊任何選擇行復選框比特定的行必須被選中。

此外，我有孩子和父節點作爲管理員具有角色明智的菜單和角色的詳細信息，然後點擊單元格[1] [1]是管理行第一個單元格，那麼它應該檢查或取消選中它的子節點。

Answer 1

從你措辭不良的問題，我認爲這應該有所幫助。

$(document).ready(function(){ 
    $(".selectAll").bind("click", function() { 
     var boxes = "input[name=" + $(this).attr("name") + "]"; 
     console.log(boxes); 
     $.each($(boxes), function(i){ 
      $(this).prop("checked", $(".selectAll").prop("checked")); 
     }); 
    }); 
}); 

    <input type="checkbox" name="vehicle" value="" class="selectAll"/> SELECT ALL 
    <input type="checkbox" name="vehicle" value="Bike" /> I have a bike 
    <input type="checkbox" name="vehicle" value="Car" /> I have a car 
    <input type="checkbox" name="vehicle" value="Boat" /> I have a boat 
    <input type="checkbox" name="vehicle" value="Jet" /> I have a jet 

工作例如：http://jsfiddle.net/ALmb3/

這依賴於你的正確創建複選框，以便他們按他們的名字。