js使用append增加勾选框
时间: 2023-07-20 15:16:11 浏览: 179
要使用JavaScript中的append方法动态添加勾选框,可以先创建一个input元素,然后将其添加到父元素中。例如:
HTML代码:
```
<div id="checkboxes">
<label><input type="checkbox" name="checkbox1" value="checkbox1"> 勾选框1</label>
</div>
```
JavaScript代码:
```
// 找到父元素
var checkboxes = document.getElementById("checkboxes");
// 创建新的勾选框元素
var checkbox2 = document.createElement("input");
checkbox2.type = "checkbox";
checkbox2.name = "checkbox2";
checkbox2.value = "checkbox2";
// 创建新的label元素
var label2 = document.createElement("label");
label2.appendChild(checkbox2);
label2.appendChild(document.createTextNode(" 勾选框2"));
// 将新的勾选框元素添加到父元素中
checkboxes.appendChild(label2);
```
这样就会在原有的勾选框下方添加一个新的勾选框。可以根据需要修改新勾选框的属性和文本。
阅读全文
相关推荐








