js中如何使复选框永不被选中

html-css09

js中如何使复选框永不被选中,第1张

在 body 的 onload="ch_none()"

function ch_none(){

document.all.item('pic_img').style.display = "none"

}

这里 'pic_img' 是你 5 复选框的 name

这样你的这个5 就不可见了.

如果想5 不被选中.要看 1 2 3 4 5 是不是同名元素.

也就是 1 2 3 4 5 的name 是否相同.

如果不相同 5.checked=false5就不是被选中了.

如果 12345 是同名元素,那么执行按1全选的时候,在循环中加一个判断.

判断 check[i].checked=false 这个i 是你5的数组下标.

多选框 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的状态。你可以用它来设置默认选中项,但要修改选中项,请用第一节中的方法!

你的

<input type="checkbox"/>

checkbox后面不能有空格;你后面有空格,所以浏览器无法识别,全部自动变成文本框了