• jQuery CheckBox全选


     

    $(function(){
    	$('#inputChkAll').click(function(){
    		$("input[name='chkJob']").attr("checked", $(this).attr("checked"));//注意此处
    	});
    });

    代码如上,#inputChkAll用来全选或者全不选的CheckBox控件,其控制了name='chkJob'这个复选组。根据inputChkAll的勾选状态$(this).attr("checked")来这是chkJob的勾选状态

      // 全选
                $("#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(","));
                });

  • 相关阅读:
    Web 日志分析过程
    nginx系列之九:lua服务
    Linux网络编程之IO模型
    从URL输入到页面展现到底发生什么
    CentOS 日常运维十大技能
    以MySQL为例,详解数据库索引原理(1)
    Elasticsearch的特点以及应用场景
    Ubuntu1804编译安装LNMP
    golang 高级
    Centos7 安装 Redis
  • 原文地址:https://www.cnblogs.com/suzh/p/1995195.html
Copyright © 2020-2023  润新知