Jquery chechbox全选怎么没有作用,求解
 <script type="text/javascript">
    $("#stu1").click(function () {
        $("input[name='stu']").attr("checked", $(this).attr("checked"));
        return false;
    });
</script>


<asp:Repeater ID="repList" runat="server">
             <HeaderTemplate>
                 <table>
                    <tr align="center">
                       <td ><asp:CheckBox ID="CheckBox1" name="stu1" runat="server" /></td>
                       <td  bgcolor="#00FF22">商品ID</td>
                       <td  bgcolor="#00FF22">名称</td>
                       <td  bgcolor="#00FF22">单价</td>
                       <td  bgcolor="#00FF22">描述</td>
                       <td  bgcolor="#00FF22">操作</td>
                    </tr>
             </HeaderTemplate>
             <ItemTemplate>
                <tr align="center" bgcolor="#00FFcc">
                   <td><asp:CheckBox ID="CheckBox2" name="stu" runat="server" /></td> 
                   <td><%# Eval("ID") %></td>
                   <td><%# Eval("ShopName")%></td>
                   <td><%# Eval("Price")%></td>
                   <td><%# Eval("Desc")%></td>

                   </td>
                </tr>
             </ItemTemplate>
             <FooterTemplate>
                </table>
             </FooterTemplate>
          </asp:Repeater>

7个回答

你全选的checkbox只有name,没有id好不。。选择器错了

   $("input[name='stu1']").click(function () {
        $("input[name='stu']").attr("checked", $(this).attr("checked"));
        return false;
    });
showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复Iverson_MVP_3: <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(function () { $("input[id$='CheckBox1']").click(function () { $("input[id$='CheckBox2']").prop("checked", $(this).prop("checked")); }); }); </script>,还有注意jquery版本,1.4-一下用attr,1.5+用prop
5 年多之前 回复
showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复Iverson_MVP_3: <asp:CheckBox ID="CheckBox1" name="stu1" runat="server" />改成客户端控件,服务器端控件配置name没用,最后还是会用id的值来生成name属性值
5 年多之前 回复
Iverson_MVP_3
Iverson_MVP_3 还是全选不了
5 年多之前 回复
Iverson_MVP_3
Iverson_MVP_3 <script type="text/javascript"> $("#CheckBox1").click(function () { // $("input[name='stu']").attr("checked", $(this).attr("checked")); $("input[name='stu']").each(function(){ $(this).attr("checked",true); return false; }); </script>
5 年多之前 回复
Iverson_MVP_3
Iverson_MVP_3 <script type="text/javascript"> $("#CheckBox1").click(function () { // $("input[name='stu']").attr("checked", $(this).attr("checked")); $("input[name='stu']").each(function(){ $(this).attr("checked",true); return false; }); </script>
5 年多之前 回复

使用prop测试下,1.9之后的jquery改了

$(function() { $("#checkAll").click(function() { $('input[name="subBox"]').attr("checked",this.checked); }); var $subBox = $("input[name='subBox']"); $subBox.click(function(){ $("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false); }); });




全选
项1
项2
项3
项4


靠直接复制竟然不行。。。。

 <script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>    <script type="text/javascript">
        $(function() {
           $("#checkAll").click(function() {
                $('input[name="subBox"]').attr("checked",this.checked); 
            });
            var $subBox = $("input[name='subBox']");
            $subBox.click(function(){
                $("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false);
            });
        });
    </script>

</head>
<body>
    <div>
        <input id="checkAll" type="checkbox" />全选
        <input name="subBox" type="checkbox" />项1
        <input name="subBox" type="checkbox" />项2
        <input name="subBox" type="checkbox" />项3
        <input name="subBox" type="checkbox" />项4
    </div>
</body>
</html>

看了半天也不知道,试了上面的班,只能跟帖,,,求此题原因。。

$("input[name='stu']").attr("checked", true);
全选是这样设置的,不是你那样写的

全选得遍历所有的checkbox
var x = $("input[type=checkbox][name="stu"]");
var bl = $(thisObj).attr("checked");
for (var i=0;i<x.length;i++){
if(!bl){ //取消操作
if($(x[i]).attr("checked")){
$(x[i]).removeAttr("checked");
}
}else{ //选中操作
$(x[i]).attr("checked",true);
}
}

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问