jquery复选框状态的判断
来源:互联网 发布:java corn 表达式 编辑:程序博客网 时间:2024/06/03 06:46
1.checked的选中状态
不设置checked是默认不选被选中的,
一旦设置checked="false"或者checked = false或者checked="true"或者checked = true或者不设置任何值,都会被解释为选中。
<input type="checkbox" name="test" id="test1"/> //未被选中<input type="checkbox" name="test" id="test2"/ checked="false"> //选中<input type="checkbox" name="test" id="test3"/ checked="true"> //选中<input type="checkbox" name="test" id="test4"/ checked=false> //选中<input type="checkbox" name="test" id="test5"/ checked=true> //选中<input type="checkbox" name="test" id="test6"/ checked > //选中
2.取值(.val())---不能用来判断状态
<input type="checkbox" name="test" id="test1"/> //未被选中<input type="checkbox" name="test" id="test2"/ checked> //选中
console.log($("#test1").val()) //打印出onconsole.log($("#test2").val()) //打印出on
对checked取值,无论是选中状态或者未选中状态都是on,
所以要判断是否选中,不能使用.val()
3.取属性值(.attr)---不能用来判断状态
<input type="checkbox" name="test" id="test1"/> //未被选中<input type="checkbox" name="test" id="test2"/ checked> //选中
console.log($("#test1").attr("checked")) //打印出undefineconsole.log($("#test2").attr("checked")) //打印出undefine
对checked取值,无论是选中状态或者未选中状态都是undefine,
所以要判断是否选中,不能使用.attr("checked")
4.获取当前状态(.prop())---可用来判断状态
<input type="checkbox" name="test" id="test1"/> //未被选中<input type="checkbox" name="test" id="test2"/ checked> //选中
console.log($("#test1").prop("checked")) //打印出falseconsole.log($("#test2").prop("checked")) //打印出true
用prop取值,选中状态为true,未选中状态都是false,
所以要判断是否选中,可以使用.prop("checked")
5.$("input[type='checkbox']").is(':checked')---可用来判断状态
<input type="checkbox" name="test" id="test1"/> //未被选中<input type="checkbox" name="test" id="test2"/ checked> //选中
console.log($("#test1").is(":checked")) //打印出falseconsole.log($("#test2").is(":checked")) //打印出true
用.is(':checked'),选中状态为true,未选中状态都是false,
所以要判断是否选中,可以使用.is(':checked')
同时:要给单选框设置选中状态,同样用.prop("checked",true)来设置,这样就可以让单选框处于选中状态,.attr("checked",true)有时候不生效。。
阅读全文
0 0
- jquery复选框状态的判断
- jquery判断复选框处于选中状态的个数
- jquery 判断 复选框 checkbox 选中 状态的个数
- MFC:判断复选框的选中状态
- jquery判断复选框checkbox及改变checkbox状态
- 用Jquery改变复选框的状态
- Jquery判断复选框选中
- PHP判断表单复选框选中状态的例子
- 怎么判断单选 复选框的选中状态
- JQuery、js判断复选框是否选中状态,及赋值操作
- jq判断复选框状态方法
- jquery判断checkbox(复选框)是否被选中的代码
- jquery判断checkbox(复选框)是否被选中的代码
- 【jQuery】复选框的全选、反选,判断哪些复选框被选中
- jquery 复选框 选中 取消 获取状态
- jquery 判断复选框是否选中
- jquery判断复选框是否被选中
- Jquery 判断复选框是否被选中
- ###Jsp+Servlet购物商城day04.4:订单模块 【页面双层遍历】 显示本页所有订单。bootstrap分页下标。
- 使用SPRING CLOUD SECURITY OAUTH2搭建授权服
- Quartz与spring整合实现动态添加任务
- CODE[VS]1022 覆盖
- 只允许输入汉字,英文,数字
- jquery复选框状态的判断
- 欢迎使用CSDN-markdown编辑器
- 获取android签名证书的SHA1
- 学了个堆排序
- 搞懂树状数组
- 资讯精选 | 揭秘IPHONE X刷脸认证的技术奥秘
- Chapter 7. Classes
- 自己开始学习到遇到问题及解决方法的记录
- jquery easyui使用心得--基于Spring和MyBatis