RadioButton在Web表单中的表单项动态添加与删除

在Web表单中使用RadioButton作为表单项时，可以通过JavaScript来动态添加和删除RadioButton。

动态添加RadioButton: 可以通过JavaScript来创建新的RadioButton元素，并将其添加到表单中。例如，可以使用以下代码在表单中动态添加一个RadioButton：

<form id="myForm">
  <input type="radio" name="option" value="Option 1"> Option 1
</form>

<button onclick="addRadioButton()">Add RadioButton</button>

<script>
function addRadioButton() {
  var form = document.getElementById('myForm');
  var radioButton = document.createElement('input');
  radioButton.type = 'radio';
  radioButton.name = 'option';
  radioButton.value = 'New Option';
  radioButton.textContent = 'New Option';
  
  form.appendChild(radioButton);
}
</script>

动态删除RadioButton: 可以通过JavaScript来删除特定的RadioButton元素。例如，可以使用以下代码删除表单中名为"Option 1"的RadioButton：

<form id="myForm">
  <input type="radio" name="option" value="Option 1"> Option 1
  <input type="radio" name="option" value="Option 2"> Option 2
</form>

<button onclick="deleteRadioButton()">Delete RadioButton</button>

<script>
function deleteRadioButton() {
  var form = document.getElementById('myForm');
  var radioButton = form.querySelector('input[value="Option 1"]');
  
  form.removeChild(radioButton);
}
</script>

通过以上方法，可以实现在Web表单中动态添加和删除RadioButton。