如何通过javascript给一个radiobutton的标题

时间:2018-06-02 21:13:43

标签: javascript html bootstrap-4

我试图给一个单选按钮标题,因为它正在动态创建它是如何可能的

这是我的代码

var i = 3; 
function textAreaCreate(){

var l = document.createElement("label");
l.innerHTML = "Option " + i;
document.getElementById("myForm").appendChild(l);

var r = document.createElement("input");
r.innerHTML = "Option " + i;
r.setAttribute("type", "radio");
r.setAttribute("Name", "CorrectAns");
document.getElementById("coreectOpt").appendChild(r);

i++;

}

和HTML代码

<div  id="coreectOpt"> //For radio button
</div>

<div class="form-group"  id="myForm"> //For label                                
</div>
 <a href="#" class="textAreaCreate" onclick="textAreaCreate()">Add More Options</a>

标签正常运行,但单选按钮不是enter image description here

我想要C,D等等,

1 个答案:

答案 0 :(得分:1)

目前,您分配的文字只是Option与数字连接在一起。如果您想使用字母,可以使用fromCharCode将数字转换为字母。

此外,要在单击标签时单击单选按钮,请为label的{​​{1}}属性指定唯一的字符串,并为单选按钮提供相同的{{1 }}

另请注意,单选按钮不具有for属性 - 请勿尝试分配给他们。

&#13;
&#13;
id
&#13;
innerHTML
&#13;
&#13;
&#13;