JavaScript 帮助。向 DOM 添加/删除表单元素

Question

如果选中单选按钮 2，则将输入框添加到日期设置中。如何添加输入框？如果选中单选按钮 1，则不执行任何操作，但如果选中按钮 2，则先前会删除子项。你能帮我吗

谢谢

    function CheckDateOptions() {
var o1 = document.getElementById("dateoption1");
var o2 = document.getElementById("dateoption2");
var eSettings = document.getElementById("datesettings");
if(o1.checked) {
    //Remove o2 children
}
else if(o2.checked) {
    //How do I add an input box?
}

}

    <input type="radio" id="dateoption1" name="dateoption" value="1" onclick="CheckDateOptions();">
<input type="radio" id="dateoption2" name="dateoption" value="2" onclick="CheckDateOptions();"> 

<span id="datesettings">//Add input box here if dateoption2 is checked</span>

Answer 1

最简单的路线是:

<input type="radio" id="dateoption1" name="dateoption" value="1" ="ToggleDateOptions(true);" />
<input type="radio" id="dateoption2" name="dateoption" value="2" ="ToggleDateOptions(false);" /> 

<span id="datesettings">
  <input type="text" id="dateSetting" />
</span>

<script>
    function ToggleDateOptions(oneChecked) {
if(oneChecked)
{
    $("#dateSetting").hide();
}
else
{
    $("#dateSetting").show();
}
}
</script>

或者，如果您不想使用 JQuery(上面使用的)，您可以这样做:

if(oneChecked)
    {

        document.getElementById("dateSetting").style.display = 'none';
    }
    else
    {
        document.getElementById("dateSetting").style.display = 'inline';
    }