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

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

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

Answer 2

使用

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

Answer 3

尝试：

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

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

的 DEMO

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

3 个答案: