<h4>爱好</h4> 爬山:<input type="checkbox" name="hobby" value="爬山"> 游泳:<input type="checkbox" name="hobby" value="游泳"> 滑雪:<input type="checkbox" name="hobby" value="滑雪"> 长跑:<input type="checkbox" name="hobby" value="长跑"> <input type="button" value="获取" onclick="t1_Huoqu()"> for (var i = 0; i < index.length; i++) { if(index[i].checked){ alert(index[i].value); break; } } 获取复选框
时间: 2023-07-03 18:08:38 浏览: 118
jQuery操作 input type=checkbox的实现代码
你的代码有误,应该在获取复选框的函数中先获取所有复选框元素,然后遍历判断哪些被选中,最后将被选中的值打印出来。以下是正确的代码:
```
function t1_Huoqu() {
var checkboxes = document.getElementsByName("hobby");
var selected = [];
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
selected.push(checkboxes[i].value);
}
}
if (selected.length > 0) {
alert("你选择的爱好是:" + selected.join(", "));
} else {
alert("请至少选择一个爱好!");
}
}
```
这个函数首先通过 `document.getElementsByName("hobby")` 获取所有名称为 "hobby" 的复选框元素,然后遍历这些元素,如果某个元素被选中了,就将它的值加入到 `selected` 数组中。最后,如果 `selected` 数组非空,就将其中的值用逗号分隔起来打印出来,否则提示用户至少选择一个爱好。
阅读全文