js为input 设置checkbox元素属性并设为选中状态

Question

如题所述

Answer 1

推荐使用兼容浏览器方式。

根据W3C的表单规范 ，在checked属性是一个布尔属性，这意味着只要该 attribute 存在，即使它没有值，或是一个空字符串，该属性对应的 property 就是 true。以下是兼容浏览器方式，判断 checkbox 元素的 checked 属性是否为"真" 的方法：

代码如下：

if ( elem.checked ) 

if ( $(elem).prop("checked") ) 

if ( $(elem).is(":checked") ) 

如果你使用jQuery 1.6 ，代码if ( $(elem).attr("checked") )，将获得一个属性(attribute) ，它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容，.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外，还会更新 property 属性，因此 boolean attribute（布尔属性）不需要通过 .prop() 来改变其值。

Answer 2

<input name="XXXX" type="checkbox" id="XXX" value="XXXX" checked="checked">

Answer 3

1、定义一个checkbox节点
<input type='checkbox' id='iptchk'/>

2、根据id获取checkbox节点

var chk = document.getElementById('iptchk');//通过getElementById获取节点

3、通过checked设置为true，变checkbox为选中状态

chk.checked = true;//设置checked为选中状态

Answer 4

document.getElementById('checkboxid').checked = true;