js获取多选框选中的值
时间: 2023-09-13 11:12:31 浏览: 44
可以使用以下代码获取多选框选中的值:
```javascript
var checkboxList = document.getElementsByName('checkboxName');
var selectedValues = [];
for (var i = 0; i < checkboxList.length; i++) {
if (checkboxList[i].checked) {
selectedValues.push(checkboxList[i].value);
}
}
console.log(selectedValues);
```
其中,`checkboxName`是多选框的名称,`selectedValues`是选中的值数组。
相关问题
jq如何获取多选框选中的值
您好,关于您的问题,可以通过以下方式获取多选框选中的值:
1. 使用 jQuery,可以使用如下代码:
```
var checkedValues = $('input[name="your-checkbox-group-name"]:checked').map(function() {
return this.value;
}).get();
```
其中,`your-checkbox-group-name` 替换为您多选框的 name 属性值。
2. 使用原生 JavaScript,可以使用如下代码:
```
var checkboxes = document.getElementsByName('your-checkbox-group-name');
var checkedValues = [];
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
checkedValues.push(checkboxes[i].value);
}
}
```
同样,`your-checkbox-group-name` 替换为您多选框的 name 属性值。
希望这些信息对您有所帮助。如果有其他问题,欢迎继续提问。
如何选中多选框并且获取多选框的值
要选中多选框和获取多选框的值,可以使用JavaScript中的checked属性,使用类似如下的代码:var chkbox = document.getElementById(‘chkbox’);var chkboxValue = chkbox.checked;
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)