JS 怎么控制 checkbox 选中

Posted 2023-05-14

参考技术A

方法/步骤

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

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

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

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

注意事项

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

拓展资料：

javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。 [

是一种解释性脚本语言（代码不进行预编译）。 

主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 

跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、android、ios等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。 

参考资料：百度百科：js

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