您可以使用JavaScript动态创建复选框和单选框,以下是一个示例:
创建复选框:
// 创建一个复选框元素
var checkbox = document.createElement('input');
checkbox.type = "checkbox";
checkbox.name = "checkboxName";
checkbox.value = "checkboxValue";
checkbox.id = "checkboxId";
// 创建一个标签,用于显示复选框的标签文本
var label = document.createElement('label');
label.htmlFor = "checkboxId";
label.appendChild(document.createTextNode('复选框'));
// 将复选框和标签添加到页面中
var container = document.getElementById('container');
container.appendChild(checkbox);
container.appendChild(label);
创建单选框:
// 创建一个单选框元素
var radio = document.createElement('input');
radio.type = "radio";
radio.name = "radioName";
radio.value = "radioValue";
radio.id = "radioId";
// 创建一个标签,用于显示单选框的标签文本
var label = document.createElement('label');
label.htmlFor = "radioId";
label.appendChild(document.createTextNode('单选框'));
// 将单选框和标签添加到页面中
var container = document.getElementById('container');
container.appendChild(radio);
container.appendChild(label);
您可以根据需要修改上述代码,例如更改复选框或单选框的名称、值、ID等属性,或者将它们添加到页面中的不同容器中。