关于checkbox的全选/全不选的处理

1.第一种

$(function () {// chkAll全选事件$("#checkAll").bind("click", function () {$("[name = article_id]:checkbox").attr("checked", this.checked);});// checkbox-article_id事件$("[name = article_id]:checkbox").bind("click", function () {var $chk = $("[name = article_id]:checkbox");$("#checkAll").attr("checked", $chk.length == $chk.filter(":checked").length);})});

2.第二种

function check_all(obj,cName){var checkboxs = document.getElementsByName(cName);for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;}}

HTML:

//第一种
<input id="checkAll" type="checkbox" value="" />
//第二种
<input id="checkAll" type="checkbox" value="" onclick="check_all(this,'article_id')"/>
<input name='article_id' type='checkbox' value=''/>
<input name='article_id' type='checkbox' value=''/>
<input name='article_id' type='checkbox' value=''/>

关于checkbox的全选/全不选的处理相关推荐

DataGridVidw添加CheckBox。并通过一个 CheckBox来控制其全选。
嘿嘿,又是我!来吧,开始今天的分享时间-- 公共方法绑定 DataGridView表头,此方法可以通用. private void dgVColumName(DataGridView dgvper) ...
VUE：checkbox 单选框（单选、多选）、一选全选 / 全选一选、表格单选列实现
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 效果:如红框中部分. 一选全选:表头上的单选框选中则下面每行都选中. 全选一选:表中数据每行都 ...
easyui中checkbox全选全不选的时不处理最后一行的实现
有这样一个需求, easyui加载datagrid后, 最后一行为统计行, 在进行全选全不选的时候会将统计行也一并选择, 这跟业务不相符, 琢磨了半天后终于找到了解决方案 1.首先记录下统计功能的实现 ...
JQuery全选反选随其他checkbox自动勾选全选反选
工作中的代码片段写出来留作以后对比参考网上没找到自己想要的全选反选代码干脆自己写了个比较臃肿的相信还有更加简单的方法 jquery代码 ============================ ...
jQuery实现checkBox全选全取消
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
微信小程序checkbox的全选以及所有checkbox选中之后的全选
微信小程序checkbox的全选以及所有checkbox选中之后的全选微信小程序checkbox的全选以及所有checkbox选中之后的全选第一次写,软件都不懂,直接把代码拷过来了模板 WXML ...
jQuery获取checkbox是否选中，设置值，checkbox全选全不选功能
html部分: <ul class="titleUl"><li class="checkboxLi smLi"><input ty ...
Android开发CheckBox控件，全选，反选，取消全选
在Android开发中我们经常会使用CheckBox控件,那么怎么实现CheckBox控件的全选,反选呢首先布局我们的界面: <?xml version="1.0" enc ...
vue+element 动态加载数据，checkbox实现全选，不全选
效果图: 功能描述: 图中所展示数据,全是从服务器获取的数据动态加载,实现点击全选,不全选,加粗字体为父节点,后面为子节点. 数据结构: [{"children": [{" ...
vue 带全选和多选的表格怎么写_vue实现下拉列表多选全选以及模糊查询的vue组件...
vue实现下拉列表多选全选以及模糊查询的vue组件发布时间:2018-09-12 17:41, 浏览次数:3776 , 标签: vue <>前端,有时有这样的需求,需要一个下拉列表,还要 ...

关于checkbox的全选/全不选的处理

关于checkbox的全选/全不选的处理相关推荐

最新文章

热门文章