js取得checkbox的值
时间: 2023-09-01 15:08:04 浏览: 43
可以使用以下代码来获取checkbox的值:
HTML代码:
```html
<input type="checkbox" name="fruit" value="apple">苹果
<input type="checkbox" name="fruit" value="banana">香蕉
<input type="checkbox" name="fruit" value="orange">橙子
<button onclick="getCheckboxValue()">获取选中的水果</button>
```
JavaScript代码:
```javascript
function getCheckboxValue() {
var checkboxes = document.getElementsByName("fruit");
var checkedValue = [];
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
checkedValue.push(checkboxes[i].value);
}
}
alert("你选中的水果是:" + checkedValue.join(", "));
}
```
在上述代码中,我们首先获取所有名为"fruit"的checkbox元素,然后遍历这些元素,将被选中的checkbox的值存储在checkedValue数组中。最后,将选中的值以逗号分隔的形式弹出提示框。
注意,如果没有任何一个checkbox被选中,checkedValue数组将是空的。