JS中input标签和checked使用

    xiaoxiao2021-04-15  342

    checked 是 和的一种属性,表示该项是不是被选择了 两种定义方式: 一、在input标签中定义 表示该项被选择 表示该项不被选择,注意:如果是不被选择就不用写checked属性了。如果你写了,不管checked的值是什么,都是被选择。原因:html是一种宽松的标记语言,会忽略你的checked=false中的false,所以结果还是被选中 二、在加载的javascript中设置 你上面的代码就是在加载的javascript中设置 objs[i].checked=true的意思就是该input元素的checked的值是true,就是该input被选中 objs[i].checked=false的意思就是该input元素的checked的值是false,就是该input不被选中 你那个既然把所有的input元素都遍历了一遍,然后又都给了true值,也就是全选了

    代码示例

    <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> function secAll(a){ var as=document.getElementsByName("a"); for(i=0;i<as.length;i++)as[i].checked=a; } function fina(){ var as=document.getElementsByName("a"); for(i=0;i<as.length;i++)as[i].checked=!as[i].checked; } function ok(){ var as = document.getElementsByName("a"); var txt = "选择的是:"; for(i=0;i<as.length;i++){ if(as[i].checked)txt+=as[i].value+" "; } alert(txt); } </script> </head> <body> <input type="checkbox" name="a" value="游泳">游泳<br> <input type="checkbox" name="a" value="爬山">爬山<br> <input type="checkbox" name="a" value="篮球">篮球<br> <input type="checkbox" name="a" value="发呆">发呆<br> <input type=button value="全选" onclick=secAll(true)> <input type=button value="全不选" onclick=secAll(false)> <input type=button value="反选" onclick=fina()> <input type=button value="确定" onclick=ok()> </body> </html>

    最新回复(0)