jquery --- 全选、全不选、反选、提交
注意:jquery 提供的$(’#id’).attr(‘checked’,true)方法,在某些情况下会失效… 因此,使用js原生的 .checked = true方法 控制
// html
<form>你爱好的运动是? <br/><input type="checkbox" name="items" value="足球" /> 足球<input type="checkbox" name="items" value="蓝球" /> 蓝球<input type="checkbox" name="items" value="羽毛球" /> 羽毛球<input type="checkbox" name="items" value="兵乓球" /> 兵乓球<br/><input type="button" id="checkedAll" value="全 选" /><input type="button" id="checkedNo" value="全不选" /><input type="button" id="checkedRev" value="反 选" /><input type="button" id="send" value="提 交"/>
</form>// js// 全选$('#checkedAll').click(function(){$("[name=items]:checkbox").each(function(){this.checked = true})return false // 阻止冒泡})// 全不选$('#checkedNo').click(function(){$("[name=items]:checkbox").each(function(){this.checked = false;});return false})// 反选$('#checkedRev').click(function(){$("[name=items]:checkbox").each(function(){this.checked = !this.checked;})return false})// 提交$('#send').click(function(){var str = "你选中的是: \r\n";$('[name=items]:checkbox:checked').each(function(){str += $(this).val()+"\r\n";});alert(str);})
参考《锋利的jQuery》P145~P147
jquery --- 全选、全不选、反选、提交相关推荐
- 用jQuery编写爱好选择器,全选/全不选/反选
功能说明: 1.点击'全选':选中所有爱好 2.点击'全不选':所有爱好都不勾选 3.点击'反选':改变所有爱好的勾选状态 4.点击'提交':提示所有勾选的爱好 5.点击'全选/全不选:选中所有爱好, ...
- html实现全选 反选,jquery实现全选、不选、反选的两种方法
在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为"checked",假的为"undefined";当用pro ...
- php反选全选代码,jQuery中实现全选,反选实例代码 (推荐)
1.概述 在项目中经常遇到列表中对复选框进行勾选操作,全选...反选.. 2. example 请选择想要学习的编程语言: 全选全不选 反选 JavaScript Python Ruby Haskel ...
- 【七】jquery之属性attr、 removeAttr、prop[全选全不选及反选]
全选全不选 界面: 代码: <!DOCTYPE html> <html> <head><meta charset="UTF-8">& ...
- (转载+原创)jQuery实现的全选、全不选、反选和半选功能
转载自:https://www.helloweba.com/view-blog-254.html helloweba.com 作者:月光光 时间:2014年03月31日 21:12 标签: jQuer ...
- 好用的下拉选框(单选,多选,全选,清空和反选,及个种样式)----个人钟爱
下拉选框 如需样例和具体效果,请点击下面的连接. 好用的下拉选框(单选,多选,全选,清空和反选,及个种样式) 附件一:layui应用formselect layui.config({base: './ ...
- jquery高版本全选与全部选无法正常工作
jquery执行全选/全不选的操作 <script type="text/javascript"> $(function(){ $('#checkAll').click ...
- jQuery实现checkBox全选全取消
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- JS实现购物车全选、不选、反选的功能(十七)
JS实现购物车全选.不选.反选的功能(十七) 这里没有使用购物车啦,不过原理都是一样的啦 效果: <!DOCTYPE html> <html lang="en"& ...
- jQuery/javascript实现全选全不选
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>Checkbox的练习< ...
最新文章
- 破译“生命天书”20年
- TAJ齐发力 互联网巨头抢滩“区块链+票据”市场
- Interview:算法岗位面试—上海某公司算法岗位(偏图像算法,互联网科技行业)技术面试考点之区块链的TPS等问题
- Python学习笔记:常用内建模块5
- ThreadLocal的意义和实现
- windos命令行设置网络
- python 变量赋值变成元组
- smash:一个类unix内核
- Tableau如何动态显示销售数据排名
- 华为交换机关闭网口_关闭端口的命令 怎么开启华为交换机关闭端口,命令谁知道啊。...
- HTTP协议简单概述
- java jxls 变量,11、进阶之Jxls2的自定义函数
- 酷狗缓存文件kgtemp解密
- 余光中 听那冷冷的雨
- 第09课:一网打尽神经序列模型之 RNN 及其变种 LSTM、GRU
- Linux下新增、启动、删除系统服务常用命令
- linux mariadb 升级,Mariadb数据库更新
- 关于mysql优化的文章
- H3C华三旁挂防火墙
- 练习-Java类和对象之对象组合之求圆锥体表面积
热门文章
- mysql 序号_脚本搭建Nginx、Redis、MySql、Maven
- C语言中字符型和浮点型能否相加,C语言中数据结构的基本类型(整型、浮点型和字符型)...
- Android自动伸展动画,android – 如何实现平滑的展开/折叠动画
- js方式调用php_js如何调用php函数
- python的flask实现第三方登录怎么写_关于qq和新浪微博的第三方登陆|python|flask
- 搜索重复代码_LeetCode专题——详解搜索算法中的搜索策略和剪枝
- 【TensorFlow-windows】keras接口——BatchNorm和ResNet
- SpringBoot(十三)-- 不同环境下读取不同配置
- 2600: [Ioi2011]ricehubh
- PHP PDO函数库详解