如何用js的函数控制checkbox是不是被选中

Posted 2023-04-08

<input type="checkbox" id="test" /> 这是要给checkbox

<button onclick='check()'>test</butto

   

function check()
  var checkbox = document.getElementById('test');//
  alert(checkbox.checked);//是否被选中
  if(checkbox.checked)
    //选中了
  else
     //没选中
  

   

checked属性就是用来表示是否选中的

参考技术A

整体简介

html元素中的checkbox和radio有一个checked的属性，可以用来设置对应元素的选中状态。当元素具有该checked属性时表示选中，否则表示未选中。


所需工具/原料

原生javascript.

方法/步骤

1) 通过js的元素选择器选择对应的元素DOM对象，如通过通过元素ID方式获:

var el = document.getElementById('元素ID')

2) 获取到DOM对象后，可以通过设置该对象的checked属性来修改其选中状态：




// 设置元素为选中状态
el.checked = true;
// 设置元素为未选中状态
el.checked = false;

注意事项

如果是通过jQuery则可以直接使用$('#元素ID').attr('checked', true)，如果设置为未选中则后面值改为false即可。

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

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区打开页面即刻看见效果。