如何用JS控制复选框选中，element.checked

Posted 2023-04-01

1、定义一个checkbox节点

1

<input type='checkbox' id='iptchk'/>

2、根据id获取checkbox节点

1

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

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

1

chk.checked = true;//设置checked为选中状态 参考技术A 1、定义一个checkbox节点
1
<input type='checkbox' id='iptchk'/>
2、根据id获取checkbox节点
1
var chk = document.getElementById('iptchk');//通过getElementById获取节点
3、通过checked设置为true，变checkbox为选中状态
1
chk.checked = true;//设置checked为选中状态 参考技术B <!--1、定义一个checkbox：-->

<input type="checkbox" name="name" value="value" id="ckBox"/>

<script>
//2、通过id获取checkbox的节点对象，括号内的值是checkbox控件中的id属性的值：
var ckBoxObj = document.getElementById("ckBox");
//3、改变它的选中状态，true为选中，默认是false 不选中：
ckBoxObj.checked = true;
</script>
将以上内容贴到body区打开页面即刻看见效果。

如何用JavaScript取得Radio被选中的值

参考技术A 思路：在html中获取被选中的radio的值，即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。
步骤如下：
radio代码片断：

<input type="radio" name="a1" value="1"/>正确
<input type="radio" name="a1" value="0" />错误

js代码如下：
var b1= document.getElementsByName('a1');
for (var i = 0; i < b1.length; i++)
if (b1[i].checked == true) //如果选中，下面的alert就会弹出选中的值
alert(b1[i].value);


定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法
document.getElementsByName(name)
该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。本回答被提问者采纳