js获取表单的value值
时间: 2023-09-19 10:08:09 浏览: 62
可以通过以下方式获取表单元素的value值:
```javascript
// 获取input元素的value值
var inputValue = document.getElementById("input-id").value;
// 获取select元素的value值
var selectValue = document.getElementById("select-id").value;
// 获取textarea元素的value值
var textareaValue = document.getElementById("textarea-id").value;
// 获取radio元素的value值
var radioValue = document.querySelector('input[name="radio-name"]:checked').value;
// 获取checkbox元素的value值
var checkboxValues = [];
var checkboxes = document.querySelectorAll('input[name="checkbox-name"]:checked');
for (var i = 0; i < checkboxes.length; i++) {
checkboxValues.push(checkboxes[i].value);
}
```
其中,`input-id`、`select-id`、`textarea-id`、`radio-name`、`checkbox-name`分别为表单元素的id或name属性。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.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)