单选按钮检查事件处理

Question

在我的应用程序中,我需要一个无线电组,每当检查一个单选按钮时,就会发出警报,以便我可以使用jQuery将它的值发布到ajax帖子.

你能帮助我,请问我如何在jQuery中做到这一点？

Answer 1

尝试这样的事情:

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

如果你给你的单选按钮类,那么你可以替换代码$('input[type="radio"]')用$('.someclass').

Answer 2

2017年更新:嘿.这是一个可怕的答案.不要使用它.在过去,这种类型的jQuery使用很常见.它可能会起作用.只是阅读它,意识到它是可怕的,然后继续(或者downvote或者其他)对其他一个对今天的jQuery更好的答案.

$("input[type=radio]").change(function(){
    alert( $("input[type=radio][name="+ this.name + "]").val() );
});

Answer 3

HTML代码：

<input type="radio" name="theName" value="1" id="option-1">
<input type="radio" name="theName" value="2">
<input type="radio" name="theName" value="3">

Javascript代码：

$(document).ready(function(){
    $('input[name="theName"]').change(function(){
        if($('#option-1').prop('checked')){
            alert('Option 1 is checked!');
        }else{
            alert('Option 1 is unchecked!');
        }
    });
});

在名称为“ theName”的多个单选中，检测选项1是选中还是未选中。在所有情况下均可使用：在单击控件上，使用键盘，使用操纵杆，自动从其他诊断功能更改值等。