Jquery checkbox全选简单用法

最新推荐文章于 2021-03-10 19:26:35 发布

weixin_30819163

最新推荐文章于 2021-03-10 19:26:35 发布

阅读量111

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/shhaoran/archive/2013/02/07/2924498.html

本文介绍如何使用JavaScript实现批量操作复选框的功能，包括全选/全不选、获取已选中项及未选中项的值，并提供具体的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 全选或全部取消

Js代码

//全选或全部取消
function checkAll(){
$("input[name='xxx']").attr("checked",$("#checkAll").attr("checked")==undefined?false:true);
}

//全选或全部取消
    function checkAll(){
	    $("input[name='xxx']").attr("checked",$("#checkAll").attr("checked")==undefined?false:true);	    
    }

2. 获取被选中项的值存放于数组中

Js代码

var allChecked = $("input[name='xxx']:checked");
var ids = [];
//循环拼装被选中项的值
allChecked .each(function(i){
ids.push($(this).val());
});

var allChecked = $("input[name='xxx']:checked");
var ids = [];
//循环拼装被选中项的值
allChecked .each(function(i){        
    ids.push($(this).val());
});

3. 获取未被选中项的值存放于数组中

Js代码

var notChecked = $("input[name='xxx']").not("input:checked");
var ids = [];
//循环拼装未被选中项的值
notChecked.each(function(i){
removeIds.push($(this).val());
});

var notChecked = $("input[name='xxx']").not("input:checked");
var ids = [];
//循环拼装未被选中项的值
notChecked.each(function(i){
    removeIds.push($(this).val());
});

转载于:https://www.cnblogs.com/shhaoran/archive/2013/02/07/2924498.html