动态创建输入元素onclick

时间:2012-09-27 19:14:00

标签: javascript html forms

嘿伙计,所以当我点击带有javascript功能的特定单选按钮时,我在div中创建输入元素。

它工作得很好但是当我第一次加载表单时,输入元素不会出现在div中,因为单选按钮还没有被“单击”,尽管其中一个单选按钮是默认选中的。

基本上如果检查我希望它们出现,那么在身体加载时我必须调用一个函数来检查我想要默认的单选按钮,我必须手动显示如果我点击了收音机就会出现的相应输入元素按钮。

这似乎是我想要实现的任何想法的愚蠢工作?

 <body onload="startup()">
        <input type="radio" name="type" onclick="createInput()" id="testradio" value="test">test</input>

 <div id="area">
 </div>
</body>

function startup()
{
    document.getElementById("testradio").checked = true
    createInput();
}

function createInput()
{
    var testinput = "<input name='options' value='testing' type='checkbox'>test<br>"
    document.getElementById("area").innerHTML = testinput 
}

1 个答案:

答案 0 :(得分:1)

您应该设置默认值,然后调用该事件。 (比如onchange)

类似的东西:

document.getElementById('elID').onchange();

然后,这将使您的事件侦听器触发,就好像在ui中更改的值不在代码中。