jquery操作checkbox，实现全选。_jquery 选中所有checked boxx-优快云博客

本文介绍了一种使用jQuery实现复选框全选及取消全选功能的方法。通过简单的代码示例展示了如何同步主复选框与子复选框的状态，确保用户能够方便地进行全选或取消所有选项。

<!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
 runat="server">

<title>jQuery实现CheckBox全选、全不选</title>

<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>