JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 全部选择全选被选择
来源:互联网 发布:淘宝客推广论坛 编辑:程序博客网 时间:2024/05/22 06:42
//点击全选按钮的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo"); var select=document.getElementsByName("select"); if(select[0].checked){ //,每一个都选择,全选按钮被选择 for(var i=0;i<allcheckBoxs.length;i++){ allcheckBoxs[i].checked = true; } }else{ //有一个不选择,全选按钮则不选择 for(var i=0;i<allcheckBoxs.length;i++){ allcheckBoxs[i].checked = false; } } } $('input[name=sca]').click(function(){var ckslength = $('input[name=sca]').length;if(!$(this)[0].checked){$('#select')[0].checked = false;}else if($(this)[0].checked){if($('input[name=sca]:checked').length == ckslength){$('#select')[0].checked = true;}}});/**反全选*/
<!--页面上 全选按钮--><input type='checkbox' id='select' name="select" onclick="selectAll();"/><INPUT type="checkbox" name="iTo" onclick='getRowValue(this);'>选择1<INPUT type="checkbox" name="iTo" onclick='getRowValue(this);'>选择2<INPUT type="checkbox" name="iTo" onclick='getRowValue(this);'>选择3<INPUT type="checkbox" name="iTo" onclick='getRowValue(this);'>选择4<INPUT type="checkbox" name="iTo" onclick='getRowValue(this);'>选择5
当用js追加一行<input type='checkbox' name='iTo' />选择6时,
用click函数已经无法监听到该“选择6”,此时应该用
live函数
live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
$('input[name=iTo]').live("click",function(){ var ckslength = $('input[name=iTo]').length;if(!$(this)[0].checked){$('#select')[0].checked = false;}else if($(this)[0].checked){if($('input[name=iTo]:checked').length == ckslength){$('#select')[0].checked = true;}} });
0 0
- JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 全部选择全选被选择
- checkbox列表选择,全选,全不选
- dataGridView中checkbox选择全部(全选,全部选择)
- js实现全选(全部取消)反向选择
- JS、jQuery checkbox 全选+得到选择
- jquery全选/取消选择checkbox
- checkbox全选反选。如果子项中有一项未选择则全选checkbox不选中,如果子项全部选中则全选checkbox选中
- GridView CheckBox 实现全选,跨页 CheckBox选择
- 全选,反全选,反选,获取选中的值,根据子选择控制全选按钮
- Jquery实现全选(全部取消)反向选择
- Html之选择全选
- 复选框 选择 全选
- jquery全选/取消选择checkbox示例:
- 自定义checkbox选择框和全选功能
- android+checkbox全选多选反选取消选择
- jquery checkbox全选、反选、选择基数、选择偶数
- checkbox选择 全选 反选 全不选(简单)
- JQuery实现全选、取消全选、反向选择
- 一维二位动态数组
- 编译Hadoop 0.22.0 源代码 出错 解决方案
- skyeye1.2.6安装
- static作用
- 并查集
- JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 全部选择全选被选择
- centOS 源码安装apache2遇到的错误
- yum安装nginx-mysql5.1-php5.2-fastcgi构建LNMP服务器
- 浅谈android的selector背景选择器
- OpenGL + VS2010 配置整理
- JFinal
- 求解Ax=b:可解性和解的结构
- uva 10368 - Euclid's Game(博弈)
- 素数筛选法(模板)