JS 怎么控制 checkbox 选中

一、JS 怎么控制 checkbox 选中

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

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

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

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

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

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

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

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

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

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

二、js如何实现checkbox互斥功能

1、在JavaScript中，实现checkbox互斥功能的关键在于使用相同的name属性将它们归为一组。这种方法能够确保在同一时间，只选中一个成员。在实现时，需要编写事件处理程序以响应checkbox的状态改变。

2、当任何一个checkbox的状态改变时，可触发onchange事件处理程序。在该处理程序中，通过遍历所有包含相同name属性的checkbox，可以将除当前改变状态的checkbox之外的其他checkbox设置为未选中状态。这样便实现了互斥功能，即同一时间只能选中一个checkbox。

3、类似地，对于单选按钮的互斥功能实现，同样需要使用相同的name属性将它们归为一组。单选按钮仅允许选择其中的一个。因此，通过设置相同的name属性，可以确保在同一时间，只允许选中一个单选按钮。

4、总之，无论是通过遍历相同name属性的checkbox来实现互斥，还是通过使用相同name属性将单选按钮归为一组以确保唯一选择，JavaScript都能轻松实现checkbox互斥功能。通过合理运用这些方法，可以在Web开发中为用户提供更便捷的交互体验。

三、在js中怎样获得checkbox里选中的多个值

1、举个例子，比如如下是HTML的结构：

2、这里推荐使用jQuery库，比较方便。以下是代码：

3、大致思路就是：先利用name属性值获取checkbox对象，然后循环判断checked属性。（true表示被选中，false表示未选中）

4、首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的value值存入数组中，这样就可以获取checkbox的选中的多个值。

5、Checkbox对象代表一个 HTML表单中的一个选择框。

6、在 HTML文档中<input type="checkbox">每出现一次，Checkbox对象就会被创建。

7、您可以通过遍历表单的 elements[]数组来访问某个选择框，或者通过使用 document.getElementById()。

8、参考资料：MDN—关于CheckBox属性