2012-03-21 98 views
0

样的我需要什么:(点击查看完整图片)的javascript选中复选框

sample

我想,当我点击任何标题复选框,下面所有的行都将被检查。

例如:当我点击选中全部标题的复选框,则必须检查网格中显示的所有复选框,反之亦然。另外,当我点击任何选择行复选框比特定的行必须被选中。

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

回答

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/

这依赖于你的正确创建复选框,以便他们按他们的名字。

+0

抱歉的措辞严厉的问题..并感谢这一点,但我可以有JavaScript代码.. – 2012-03-21 08:50:09

+1

JavaScript已经在那里:)。实际上尝试Matthew如此善意地给你的代码怎么样? – David 2012-03-21 09:59:35