RadioButton在Web表單中的表單項動態(tài)添加與刪除

在Web表單中使用RadioButton作為表單項時，可以通過JavaScript來動態(tài)添加和刪除RadioButton。

動態(tài)添加RadioButton: 可以通過JavaScript來創(chuàng)建新的RadioButton元素，并將其添加到表單中。例如，可以使用以下代碼在表單中動態(tài)添加一個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>

動態(tài)刪除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>

通過以上方法，可以實現(xiàn)在Web表單中動態(tài)添加和刪除RadioButton。