举个例子，比如如下是HTML的结构：
这里推荐使用jQuery库，比较方便。以下是代码：
大致思路就是：先利用name属性值获取checkbox对象，然后循环判断checked属性。（true表示被选中，false表示未选中）
具体解释一下：
首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的value值存入数组中，这样就可以获取checkbox的选中的多个值。
扩展资料：
Checkbox 对象代表一个 HTML 表单中的 一个选择框。
在 HTML 文档中 <input type="checkbox">每出现一次，Checkbox 对象就会被创建。
您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。
参考资料：MDN—关于CheckBox属性
1、首先打开vs code编辑器，然后创建一个html页面。
2、创建一个input的标签，添加一个id，命名为“txt”，值为“你好”。
3、添加script标签，然后写入相关的js代码，如下图。
4、代码写完之后在空白处点击右键，选择Open In Default Broswer。
5、可以看到，浏览器自动弹出了input里面的值，这证明我们通过id属性已经成功获取到了input的值。
下面通过两种方式使用js来进行获取select具体代码如下:
var
obj = document.getElementByIdx_x(”testSelect”)
定位idvar index =
obj.selectedIndex
选中索引var text = obj.options[index].text
选中文本var
value = obj.options[index].value
选中值jQuery中获得选中select值第一种方式$('#testSelect
option:selected').text()
选中的文本$('#testSelect option:selected')
.val()
选中的值$("#testSelect ").get(0).selectedIndex
索引
第二种方式$("#tesetSelect").find("option:selected").text()//选中的文
本…….val()…….get(0).selectedIndex
