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;
}

我们需要更改input标签中的'value'属性和选项对应的label标签中的'for'属性。例如，如果我单击按钮，我会得到新选项 - 选项 4 及其属性值 ="option4" 和 = "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>

这行得通。

希望对您有所帮助

HTML 和 javaScript 中的表格

Forms in HTML and javaScript

html

javascript

forms

polling

node.js