JQURY checkbox 与checkboxlist全选，反选，取消一个勾选，全选按钮不勾选

JQURY checkbox 与checkboxlist全选，反选，取消一个勾选，全选按钮不勾选！！！求代码

解决方案 »

  1.   

    <input type="checkbox" name="ckall" />全选<br />
    <input type="checkbox" name="cb" />cb1　<input type="checkbox" name="cb" />cb2　<input type="checkbox" name="cb" />cb3　<input type="checkbox" name="cb" />cb4　<input type="checkbox" name="cb" />cb5
    <script type="text/javascript" src="jq.js"></script>
    <script type="text/javascript">
        $('input[type="checkbox"][name="ckall"]').click(function () {
            $('input[type="checkbox"][name="cb"]').attr('checked', this.checked);
        });
        $('input[type="checkbox"][name="cb"]').click(function () {
            var ckall = true;
            $('input[type="checkbox"][name="cb"]').each(function () {  if (!this.checked) { ckall = false;  return false; } });
            $('input[type="checkbox"][name="ckall"]').attr('checked', ckall);
        });
    </script>
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="../Scripts/jquery-1.6.2.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("input[name='hobby']").click(function () {
                    $("input[name='hobby']:checked").length == $("input[name='hobby']").length ? $("#checkAll").attr("checked", true) : $("#checkAll").attr("checked", false);
                });
                $("#checkAll").click(function () {
                    $("input[name='hobby']").attr("checked", this.checked);
                });
            });
        </script>
    </head>
    <body>
        <form action="test.htm" method="post">
        <input id="checkAll" type="checkbox" />全选
        <br />
        <input type="checkbox" name="hobby" />
        <input type="checkbox" name="hobby" />
        <input type="checkbox" name="hobby" />
        <input type="checkbox" name="hobby" />
        <input type="checkbox" name="hobby" />
        </form>
    </body>
    </html>
      

  3.   

    你是不是没引入jq.js呢，我试了1/2楼的代码都可用，“全选”之后，去掉一个勾选的子项，“全选”的勾会自动去掉