js复选框选择好后通过按钮提交
时间: 2023-09-08 09:09:22 浏览: 151
可以通过以下代码实现:
HTML部分:
```
<input type="checkbox" id="checkbox1" name="checkbox1" value="value1">
<label for="checkbox1">选项1</label>
<input type="checkbox" id="checkbox2" name="checkbox2" value="value2">
<label for="checkbox2">选项2</label>
<input type="checkbox" id="checkbox3" name="checkbox3" value="value3">
<label for="checkbox3">选项3</label>
<button onclick="submitForm()">提交</button>
```
JavaScript部分:
```
function submitForm() {
var checkbox1 = document.getElementById("checkbox1");
var checkbox2 = document.getElementById("checkbox2");
var checkbox3 = document.getElementById("checkbox3");
var values = [];
if (checkbox1.checked) {
values.push(checkbox1.value);
}
if (checkbox2.checked) {
values.push(checkbox2.value);
}
if (checkbox3.checked) {
values.push(checkbox3.value);
}
// 将选中的值进行处理,再进行提交操作
// ...
}
```
以上代码中首先获取了三个复选框的 DOM 元素,然后在按钮的点击事件中判断哪些复选框被选中了,将选中的值放入一个数组中,最后处理数组中的值并提交表单。
阅读全文