2014-01-29 68 views
0

我想要一個單選按鈕以在選定時顯示警報,以便用戶可以檢查他們是否選擇了正確的值。這是我的代碼有單選按鈕:如何獲取單選按鈕以顯示警報消息

<tr> 
    <td><input type="radio" name="level" id="GCSE" value="GCSE">GCSE<br> 
    <input type="radio" name="level" id="AS" value="AS">AS<br> 
    <input type="radio" name="level" id="A2" value="A2">A2</td> 
</tr> 

我怎麼才能到,所以當選擇這些單選按鈕的警報顯示給用戶說:「你確定你選擇了正確的入口水平?」

請保持答案簡單,因爲我只學習HTML 3周

+0

閱讀本帖回答http://stackoverflow.com/questions/14957604/javascript-radio-button-confirmation可能重複? – Zzyrk

回答

2

你可以這樣做:

<input type="radio" name="level" id="GCSE" value="GCSE" onclick="alert('test');" /> 

祝你好運!

+0

謝謝你。這很簡單,我不能相信我沒有意識到要這樣做 – user3248841

0

讓我們假設你有一種叫做#myForm的

那麼你的代碼將是這樣的:

<form id="myForm"> 
<input type="radio" name="level" id="GCSE" value="GCSE" /> GCSE <br /> 
<input type="radio" name="level" id="AS" value="AS" /> AS <br /> 
<input type="radio" name="level" id="A2" value="A2" /> A2 <br /> 
</form> 

然後,把在標籤的腳本是這樣的:

<script> 
$('#myForm input').on('change', function() { 
    alert("Are you sure you have chosen the correct entry level? +"$('input[name=level]:checked', '#myForm').val()); 
}); 
</scritp> 

希望日是適合你的!

THX

+1

它看起來像你認爲jQuery可用。也許添加到你的答案? –

相關問題