如何设置checkbox的选中状态

如何设置checkbox的选中状态,第1张

代码如下:

var obj = document.getElementById("tt")

var value = obj.checked

alert(value)// 若选中,则返回true,否则返回false

obj.checked = false// 设置复选框为不选中状态

拓展资料:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

多选框 input[type=checkbox] 也算是经常见面的HTML标签了,又因经常混淆(js与jquery混淆)其控制选中状态的方法。故整理一下,留个笔记...

这里有一个很容易犯的错误:我们在html中对checkbox设置checked属性时,会默认选中checkbox。例如这样:

<input id="test" type="checkbox" name="vehicle" value="Car" checked>

这时渲染出的页面中,这个 $test 会默认被选中。并且在console中修改(删除或添加)这个值,checkbox的选中状态也会随之改变。

于是乎很多人就以为,只要为checkbox添加上checked属性就可以控制选中状态。但这是错误的!

为什么是错误的呢? 因为只要你在项目中,通过任意方式修改过该checkbox的选中状态(可以是点击,也可以是第一节中说的js、jquery方式修改),那么通过添加删除checked属性控制选中状态的方式则完全失效了!

checked 到头来始终只是预先选定元素,并不能用来改变checkbox的状态。你可以用它来设置默认选中项,但要修改选中项,请用第一节中的方法!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11939883.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存