jQuery选中该复选框来实现/全部取消/未选定/获得的选定值

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript">$(document).ready(function() {// 全选/取消所有$("#checkAllChange").click(function() {if (this.checked == true) {$(".userid").each(function() {this.checked = true;});} else {$(".userid").each(function() {this.checked = false;});}});// 全选$("#checkAll").click(function() {$(".userid").each(function() {this.checked = true;});});// 取消所有$("#removeAll").click(function() {$(".userid").each(function() {this.checked = false;});});// 反选$("#reverse").click(function() {$(".userid").each(function() {if (this.checked == true) {this.checked = false;} else {this.checked = true;}})});//批量删除$("#delAll").click(function() {var arrUserid = new Array();$(".userid").each(function(i) {if (this.checked == true) {arrUserid[i] = $(this).val();}});alert("批量删除的:" + arrUserid);});});
</script>
</head><body><table border="1"><tr><td><input type="checkbox" id="checkAllChange" /></td><td>用户id</td><td>username</td><td>电话</td><td>地址</td></tr><tr><td><input type="checkbox" class="userid" value="1" /></td><td>1</td><td>wangzs1</td><td>18888000</td><td>浦东</td></tr><tr><td><input type="checkbox" class="userid" value="2" /></td><td>2</td><td>wangzs2</td><td>18888001</td><td>上海</td></tr><tr><td><input type="checkbox" class="userid" value="3" /></td><td>3</td><td>wangzs3</td><td>18888002</td><td>河南</td></tr><tr><td><input type="checkbox" class="userid" value="4" /></td><td>4</td><td>wangzs4</td><td>18888003</td><td>许昌</td></tr><tr><td></td><td><input type="button" id="checkAll" value="全选" /></td><td><input type="button" id="removeAll" value="取消所有" /></td><td><input type="button" id="reverse" value="反选" /></td></tr><tr><td colspan="4" align="center"><input type="button" value="批量删除" id="delAll"></td></tr></table>
</body></html>

转载于:https://www.cnblogs.com/mengfanrong/p/4748931.html

jQuery选中该复选框来实现/全部取消/未选定/获得的选定值相关推荐

LayUI实现Checkbox复选框的单选及取消单选，即只能选一个或者全都不选
项目用LayUI进行开发,需求方提出一个范围权限控制的实现方案.在复选框只能单选的前提下,管理员可以取消勾选,查看所有数据,但普通用户由于权限限制,不可以取消勾选. 在查找资料的过程中,发现jq的常用 ...
easyui tree复选框是否打钩状态_实战PyQt5: 010-复选框控件QCheckBox
复选框QCheckBox简介 QCheckBox 复选框,通常用于表示可以启用或禁用应用中的功能. QCheckBox中的常用方法: setText(): 设置复选框的显示文本: setEnabled ...
11月8日下午Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格...
1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
html复选框代码隐藏勾勾,[译] 为什么 HTML 中复选框样式难写 — 本文给你答案
在当今世界,大多数网页开发者认为掌握 JavaScript 是优先选择,这理所当然,因为 JS 是浏览器脚本语言 .虽然 HTML 和 CSS 决定网站的样式,但是 JS 凭借它能调用 HTML 和 ...
html表格中复选框代码怎么写,获取html表中的选中复选框
我已经制作了如下表格. 在脚本标签中: $(document).ready(function() { $("#addSelected").live("click" ...
使用JQuery做一组复选框的功能。
之前做过复选框的功能,奈何笔记丢失,害的我又鼓捣了一番...还是博客园做笔记比较好. 假设现在有一个表格,每一行都有一个复选框按钮.在表头还有一个全选的复选框按钮. ①.当点击一个全选按钮时,下面的同 ...
复选框checkbox如何判定为被选中
近期,我在开发网站的考试系统时,遇到了一个关于复选框checkbox如何判定为被选中的问题.网上的说法很多,但是没有说到重点上的,而这篇文章解释的很详细,于是,我把它记录下来.原始博客地址:http: ...
JQuery 循环遍历 , 复选框全选全消反选checked属性
数组集合的遍历 $.each(list,function(index,item){ this. //this就表示item}); jquery对象的循环遍历 jquery对象.each(func ...
HTML复选框可以设置为只读吗？
我以为他们可以,但是因为我不把钱放在我的嘴里(可以这么说)设置readonly属性实际上似乎没有做任何事情. 我宁愿不使用Disabled,因为我希望检查复选框与表单的其余部分一起提交,我只是不希望客 ...

jQuery选中该复选框来实现/全部取消/未选定/获得的选定值

jQuery选中该复选框来实现/全部取消/未选定/获得的选定值相关推荐

最新文章

热门文章