jquery 复选框全选反选在同一个页面 有两个

大侠 用jquery 怎么实现呢？ 求代码贴出jQuery

解决方案 »

  1.   

    只要他们被不同的元素包围或者name不同即可
      

  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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <title>无标题文档</title>
    </head><body>
    <div id="one">
    <input type="checkbox" id="oneall" value="1"/>全选
    <div id="onelist">
    <input type="checkbox" name="oneitem" value="1" />1
    <input type="checkbox" name="oneitem" value="2" />2
    <input type="checkbox" name="oneitem" value="3" />3
    <input type="checkbox" name="oneitem" value="4" />4
    </div>
    </div>
    <div id="two">
    <input type="checkbox" id="twoall" value="1"/>全选
    <div id="twolist">
    <input type="checkbox" name="twoitem" value="1" />1
    <input type="checkbox" name="twoitem" value="2" />2
    <input type="checkbox" name="twoitem" value="3" />3
    <input type="checkbox" name="twoitem" value="4" />4
    </div>
    </div><script type="text/javascript">
    $(document).ready(function(){
    $('#oneall').click(function(){
    if(this.checked){
    $('#onelist').find('input:checkbox').attr('checked', "checked");
    }else{
    $('#onelist').find('input:checkbox').removeAttr("checked");;
    }
    });
    ///$('#twoall').click(function(){});
    });
    </script>
    </body>
    </html>