html 表单获取radio的值,用JS和JQuery分别获取表单元素的值(select,checkbox,radio)
时间: 2024-03-21 20:43:06 浏览: 108
获取单选框(radio)的值可以使用以下代码:
使用JavaScript:
```javascript
var radioValue = document.querySelector('input[name="radio"]:checked').value;
```
使用jQuery:
```javascript
var radioValue = $('input[name="radio"]:checked').val();
```
其中,`radio` 是单选框的 name 属性值。
获取下拉框(select)的值可以使用以下代码:
使用JavaScript:
```javascript
var selectValue = document.getElementById("select").value;
```
使用jQuery:
```javascript
var selectValue = $("#select").val();
```
其中,`select` 是下拉框的 id 属性值。
获取复选框(checkbox)的值可以使用以下代码:
使用JavaScript:
```javascript
var checkboxValues = [];
var checkboxes = document.querySelectorAll('input[name="checkbox"]:checked');
for (var i = 0; i < checkboxes.length; i++) {
checkboxValues.push(checkboxes[i].value);
}
```
使用jQuery:
```javascript
var checkboxValues = $('input[name="checkbox"]:checked').map(function() {
return $(this).val();
}).get();
```
其中,`checkbox` 是复选框的 name 属性值。同时,为了获取所有选中的复选框的值,我们使用了一个数组。
阅读全文