如果單選按鈕選中使用dom添加新的表單元素？

Question

如何在Javascript中使用DOM來檢查是否選中了單選按鈕，然后如果是這樣，則將新表單元素添加到日期設置中？

//Radio buttons
<input type="radio" id="dateoption" name="dateoption" value="1">
<input type="radio" id="dateoption" name="dateoption" value="2">

//Add new form elements
<span id="datesettings"></span>

我目前正在閱讀一本Javascript書，但它並沒有幫助我理解。 如果有人可以幫助我這個例子，那么便士可能會下降。 謝謝你的時間。

Answer 1

看看這個頁面：

它解釋了這個過程，因此您可以理解為什么以某種方式執行它，並且它提供了良好的示例代碼。

http://www.webdevelopersnotes.com/tips/html/finding_the_value_of_a_radio_button.php3

Answer 2

您可以編寫一個函數來進行檢查，如下所示：

function CheckDateOptions() {
    var o1 = document.getElementById("dateoption1");
    var o2 = document.getElementById("dateoption2");
    var eSettings = document.getElementById("datesettings");
    if(o1.checked) {
        eSettings.appendChild(...);
    }
    else if(o2.checked) {
        eSettings.appendChild(...);
    }
}

但是，您必須確保為單選按鈕分配唯一的 id值。 您可以復制name以對單選按鈕進行分組，但對於任何元素， id應該是唯一的。

<form id="TestForm">
    <!-- //Radio buttons -->
    <input type="radio" id="dateoption1" name="dateoption" value="1">Text 1</input>
    <input type="radio" id="dateoption2" name="dateoption" value="2">Text 2</text>
    <!-- //Add new form elements -->
    <span id="datesettings"></span>
</form>