HTML和javaScript中的表单

Question

在一个表单中已经有三个单选按钮选项，点击一个按钮就会产生一个单选按钮选项，再次点击就会产生一个新的同名选项。(i)如何使用Javascript来阻止它一次又一次的类似行为？(ii)如果不停止创建，我们如何能给新的选项连续的数字作为值？

function addOption() {
  var a = document.getElementById('form');
  var x = '<input type="radio" name="poll-option" value="option4" /><label for="option4">';
  var z = '</label><br />';
  var y = 'option' + 4;
  var option = x + y + z;
  a.innerHTML = a.innerHTML + option;
}

我们需要改变输入标签中的'value'属性和标签标签中的'for'属性与选项相对应，例如，如果我点击按钮，我得到新的选项--选项4，其属性value ="option4 "和for ="option4"，那么下一次点击就会变成选项5。

Answer 1

试试下面的代码

var i = 0; //add this global variable, it will be incremented each time it is clicked
function addOption() { 
        var a=document.getElementById('myForm');       
        var x = '<input type="radio" name="poll-option" value="+i+" /><label for="option4">';
        var z = "</label><br />";
        var y= "option" + i++;
        var option =  x + y + z;
        a.innerHTML += option;
        console.log(a);
    }

<form id="myForm"></form>
<button onClick="addOption();">click me</button>

这样就可以了。

希望能帮到你