深入学习checkbox类型的input元素

简介: 先看 一段选中所有页面check类型的代码 $("#SelectBtn").click(function(){var state=$("#SelectAll").attr("checked");if(state != true){ selectAll() $("#SelectAll").

 先看 一段选中所有页面check类型的代码

 
 
$( " #SelectBtn " ).click( function (){
var state = $( " #SelectAll " ).attr( " checked " );
if (state != true ){
selectAll()
$(
" #SelectAll " ).attr( " checked " , " true " );
}
else {
cancelAll()
$(
" #SelectAll " ).attr( " checked " , " false " );
}
});

    逻辑上正确,问题在这一句

 $("#SelectAll").attr("checked","false");

     咋一看是想取消选中,其实不然。“checked是一个单属性”,无论它是true还是false,它总是checked而非unchecked。
所以上边的一句应该改成

$("#SelectAll").removeAttr("checked")


<input type="checkbox" checked=“false ”/>虽然false,但这一项仍被选中

目录
相关文章
|
9月前
|
存储 JavaScript 前端开发
input标签的23种type类型
input标签的23种type类型
492 3
|
5月前
Input元素的其他属性
Input元素的其他属性。
44 3
|
4月前
|
数据安全/隐私保护
Input元素的type属性
【10月更文挑战第4天】Input元素的type属性。
43 6
|
5月前
|
JavaScript
v-model指令获取常见表单项的内容 input,textarea,radio,checkbox,select
本文介绍了Vue.js中v-model指令的作用和语法,并通过示例代码展示了如何使用v-model来获取不同类型的表单元素(如文本输入框、文本域、复选框、单选框和下拉菜单)的内容。
|
6月前
|
JavaScript 前端开发 数据安全/隐私保护
input的23种属性
input的23种属性
33 1
|
9月前
|
Web App开发 前端开发 iOS开发
input中typedate的属性都有那些
input中typedate的属性都有那些
|
9月前
|
Web App开发 移动开发 iOS开发
input输入框的23中类型
input输入框的23中类型
156 1
|
9月前
|
移动开发 自然语言处理 前端开发
input表单 type属性详解
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。
184 1
|
9月前
|
缓存 JavaScript 前端开发
通过id给input框和div赋值,修改属性值。
通过id给input框和div赋值,修改属性值。
171 0
通过id给input框和div赋值,修改属性值。
|
9月前
ant-design 设置Form.Item中的input框的值的方法
ant-design 设置Form.Item中的input框的值的方法
424 0

热门文章

最新文章