動態地單擊單選按鈕時顯示文本

Question

我有一堆單選按鈕。它們各自對應於1到24之間的數字。我希望在選擇單選按鈕後立即在該頁面的其他位置顯示該號碼。我將如何做到這一點？

Answer 1

創建ID爲「displayNum」一個DIV，用「顯示：無」樣式屬性

然後創建一個「onclick」事件處理程序的單選按鈕。

從處理程序調用的函數將找出哪個按鈕被點擊（從按鈕的ID），然後將「displayNum」DIV的內容更改爲數字（使用DIV的innerHtml屬性），以及更改DIV的「顯示」屬性從不可見的「無」到可見的「塊」。

Answer 2

事情是這樣的：

<div id="someplace"></div> 
<script type="text/javascript"> 
    function updateText(number) { 
     document.getElementById("someplace").innerHTML = number; 
    } 
</script> 
<input value="1" type="radio" onclick="updateText(1)"/>1<br/> 
<input value="2" type="radio" onclick="updateText(2)"/>2<br/> 
... 

如果你想要做一些更先進的，就像沒有把（1）和（2）中的每個的onclick，使用一些更先進的Jquery。