html复选框进行删除
时间: 2023-06-07 17:11:08 浏览: 51
要删除HTML复选框,您需要使用JavaScript来获取选中的复选框的值,并使用removeChild函数从DOM树中删除它们。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>删除复选框</title>
<script type="text/javascript">
function deleteCheckbox() {
var checkboxes = document.getElementsByName("checkbox");
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
var checkbox = checkboxes[i];
var parent = checkbox.parentNode;
parent.removeChild(checkbox);
}
}
}
</script>
</head>
<body>
<input type="checkbox" name="checkbox" value="1"> 复选框1<br>
<input type="checkbox" name="checkbox" value="2"> 复选框2<br>
<input type="checkbox" name="checkbox" value="3"> 复选框3<br>
<input type="button" value="删除选中的复选框" onclick="deleteCheckbox()">
</body>
</html>
```
在上面的代码中,我们使用了document.getElementsByName函数来获取所有名字为“checkbox”的复选框。然后,我们使用一个for循环来遍历所有复选框,如果某个复选框被选中了,则使用parentNode和removeChild函数将它从DOM树中删除。最后,我们将deleteCheckbox函数绑定到一个按钮的onclick事件上,这样当用户点击按钮时就会删除选中的复选框。