使用jQuery来显示基于单选按钮选择的警报

Question

我想使用jQuery来显示基于用户选择的单选按钮的警报。因此，如果用户选择，例如radiobutton1，那么将出现该特定单选按钮的消息。

这是我到目前为止的形式;

<form> 
     <input type="radio" name="campus" value="Campus 1"> Campus 1 </br> 
     <input type="radio" name="campus" value="Campus 2"> Campus 2 </br> 
     <input type="radio" name="campus" value="Campus 3"> Campus 3 </br> 
     <input type="radio" name="campus" value="Campus 4"> Campus 4 </br> 
    </form> 
    <input type='button' value='Display Selected' id='click'> 

我知道如何使显示的单选按钮值，但无法显示基于选择特定消息的警报。先进的谢谢你的任何帮助！

Answer 1

使用

$('input[type=radio]:checked').val() 

Answer 2

尝试：

$(function() { 
     $("#click").click(function(){ 
     alert($('input[type=radio]:checked').val()); 

     // Or alert($('input[name=campus]:radio:checked').val()); to be more specific 
     }); 
}); 

DEMO

Answer 3

http://jsfiddle.net/RXcYy/9/

$(function(){ 
    $('input[type="button"]').click(function(){ 
    alert($('input[type=radio]:checked').val()); 
    }); 
}); 

Answer 4

是否有任何方法显示不在警告框中的消息，而是在页面上显示？