選中復選框的javascript

Question

我需要的樣本：（單擊以查看完整圖像）

我希望當我單擊任何標題復選框時，將選中下面的所有行。

例如：當我單擊“ 選擇標題的所有復選框”時，則必須選中網格中顯示的所有復選框，反之亦然。 另外，當我單擊任何選擇行復選框時，必須選中該特定行。

另外，我還有子節點和父節點，因為admin具有角色明智的菜單和角色詳細信息，然后單擊作為管理行第一個單元格的cell [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/

這取決於您是否正確創建了復選框，以便將其按名稱分組。