jQuery操作checkbox选择代码

来源：互联网发布：php二次开发难吗编辑：程序博客网时间：2024/06/18 05:48
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            // 全选
            $("#btnCheckAll").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", true);
            });
 
            // 全不选
            $("#btnCheckNone").bind("click", function () {
                $("[name = chkItem]:checkbox").attr("checked", false);
            });
 
            // 反选
            $("#btnCheckReverse").bind("click", function () {
                $("[name = chkItem]:checkbox").each(function () {
                    $(this).attr("checked", !$(this).attr("checked"));
                });
            });
 
            // 全不选
            $("#btnSubmit").bind("click", function () {
                var result = new Array();
                $("[name = chkItem]:checkbox").each(function () {
                    if ($(this).is(":checked")) {
                        result.push($(this).attr("value"));
                    }
                });
 
                alert(result.join(","));
            });
        });
    </script>
</head>
<body>
    <div>
        <input name="chkItem" type="checkbox" value="分类一" />分类一
        <input name="chkItem" type="checkbox" value="分类二" />分类二
        <input name="chkItem" type="checkbox" value="分类三" />分类三
        <input name="chkItem" type="checkbox" value="分类四" />分类四
        <input name="chkItem" type="checkbox" value="分类五" />分类五
        <input name="chkItem" type="checkbox" value="分类六" />分类六
    </div>
    <div>
        <input id="btnCheckAll" type="button" value="全选" />
        <input id="btnCheckNone" type="button" value="全不选" />
        <input id="btnCheckReverse" type="button" value="反选" />
        <input id="btnSubmit" type="button" value="提交" />
    </div>
</body>
        0        0           
jQuery操作checkbox选择代码
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择
jQuery操作checkbox选择checked
Pic18F25K80 16位模式下的定时器0配置
js设计模式---面向对象
防止站外提交
Javaweb项目不用重启加载properties文件的方法(根据时间戳来判断)
欢迎使用CSDN-markdown编辑器
jQuery操作checkbox选择代码
带有ANY(SOME)或ALL谓词的子查询
Xcode 6中添加预编译pch文件
《android studio3》在多个activity之间传递参数
Auto Layout(NSLayoutAnchor)
php正则表达式教程
nodejs中操作mysql数据库示例
json数据反序列化成数据实体
打印 上一主题 下一主题  简单讲解UEFI及MBR，及UEFI系统安装引导修复