繁体   English   中英

动态创建onclick输入元素

[英]Dynamically creating input elements onclick

大家好,我单击带有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 
}

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

像这样的东西:

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

然后,您的事件监听器将被触发,就好像在ui中更改的值不在代码中一样。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM