Jquery checkbox全选简单用法

来源:互联网 发布:淘宝开店经验总结 编辑:程序博客网 时间:2024/06/01 21:45

1. 全选或全部取消

Js代码 复制代码 收藏代码
  1. //全选或全部取消
  2. function checkAll(){
  3. $("input[name='xxx']").attr("checked",$("#checkAll").attr("checked")==undefined?false:true);
  4. }

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

Js代码 复制代码 收藏代码
  1. var allChecked = $("input[name='xxx']:checked");
  2. var ids = [];
  3. //循环拼装被选中项的值
  4. allChecked .each(function(i){
  5. ids.push($(this).val());
  6. });

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

Js代码 复制代码 收藏代码
  1. var notChecked = $("input[name='xxx']").not("input:checked");
  2. var ids = [];
  3. //循环拼装未被选中项的值
  4. notChecked.each(function(i){
  5. removeIds.push($(this).val());
  6. });

原创粉丝点击