2012-09-27 142 views
0

嘿傢伙,所以我創建一個div內的輸入元素,當我點擊一個特定的單選按鈕與JavaScript函數。動態創建輸入元素onclick

它工作的很好,但是當我第一次加載表單時,輸入元素不會出現在div中,因爲單選按鈕還沒有被「點擊」,儘管其中一個單選按鈕被默認選中。

基本上,如果它的選中我希望它們出現,那麼在body load上,我必須調用一個函數來檢查我想要的默認單選按鈕,並且我必須手動顯示相應的輸入元素,如果點擊了單選按鈕。

這似乎是一個愚蠢的工作,我試圖實現什麼,有什麼想法?

<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 
} 
+0

讓我們看看一些代碼... – ClydeFrog

+0

你嘗試了什麼? –

回答

1

您應該設置默認值,然後調用事件。 (說的onchange)

是這樣的:

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

這則會讓你的事件偵聽器火彷彿凡在UI代碼改變不是值。