怎么判断表单中的多选框是否被选中
时间: 2023-09-09 18:06:34 浏览: 230
多个checkbox被选中时如何判断是否有自己想要的
您可以使用 JavaScript 来判断表单中的多选框是否被选中。具体方法是通过获取多选框的 checked 属性,如果该属性为 true,则表示该多选框被选中,否则未选中。
以下是一个简单的示例代码:
```html
<form>
<input type="checkbox" name="fruit" value="apple">苹果<br>
<input type="checkbox" name="fruit" value="banana">香蕉<br>
<input type="checkbox" name="fruit" value="orange">橙子<br>
<input type="button" value="确认" onclick="check()">
</form>
<script>
function check() {
var fruits = document.getElementsByName("fruit");
for (var i = 0; i < fruits.length; i++) {
if (fruits[i].checked) {
console.log(fruits[i].value + "被选中了");
}
}
}
</script>
```
在上面的示例中,我们通过 `document.getElementsByName("fruit")` 获取所有名为 "fruit" 的多选框,然后通过 `checked` 属性判断是否被选中。如果被选中,则输出对应的值。
阅读全文