选中了javascript复选框

时间:2012-03-21 07:56:20

标签: c# asp.net

我需要的样本:(点击查看完整图像)

sample

我希望当我点击任何标题复选框时,将检查下面的所有行。

例如:当我点击选择标题的所有复选框时,必须检查网格中显示的所有复选框,反之亦然。此外,当我单击任何选择行复选框时,必须选择该特定行。

此外,我有子节点和父节点,因为管理员具有角色菜单和角色详细信息,然后单击作为管理行第一个单元格的单元格[1] [1],然后它也应该检查或取消选中其子节点。

1 个答案:

答案 0 :(得分:0)

从你措辞严厉的问题来看,我认为这应该有所帮助。

$(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/

这取决于您正确创建复选框,以便按名称分组。