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(","));
});

转载于:https://www.cnblogs.com/suzh/archive/2011/03/25/1995195.html

jQuery CheckBox全选相关推荐

Jquery CheckBox全选方法
方法如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = ...
Jquery checkbox全选简单用法
1. 全选或全部取消 Js代码 //全选或全部取消 function checkAll(){ $("input[name='xxx']").attr("checked&q ...
jQuery checkbox全选问题
View Code 1 function SelectAll() { 2 $('input[name="' + name + '"]').each(function() { 3 $ ...
jQuery如何动态删除TR，input按钮删除本行记录,checkbox全选反选
checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...
JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值
2019独角兽企业重金招聘Python工程师标准>>> JQuery是一个非常容易上手的框架,但是有很多东西需要我们深入学习的. 判断checkbox是否被选中网上有选多种写法,这里 ...
jQuery实现checkBox全选全取消
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
jquery的attr和removeAttr实现checkbox全选和取消全选问题
jquery的attr和removeAttr实现checkbox全选和取消全选问题问题说明: 一个全选和取消全选的功能,界面效果图如下点击全选checkbox则所有checkbox被选中或者取消选 ...
jQuery 循环获取checkbox复选框的值，checkbox全选、全不选、反选
前端页面html <tr v-for="(log,index) in logList"><td>& ...
jquery的全选，全不选，反选
jquery的全选,全不选,反选: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=&q ...

jQuery CheckBox全选

jQuery CheckBox全选相关推荐

最新文章

热门文章