Question

我想获取所选单选按钮的值。

如果未选择任何收音机，则表示未正确显示。但是，当我点击任何单选按钮时，它也显示未定义。

我如何在javascript或jquery中执行此操作。

HTML code：

<div id="rates">
<input type="radio" class="demo" id="r1" name="rate" value="Fixed Rate"> Fixed Rate
<input type="radio" class= "demo"id="r2" name="rate" value="Variable Rate"> Variable Rate
<input type="radio" class="demo" id="r3" name="rate" value="Multi Rate"> Multi Rate    
</div>

JS：

console.log($('.demo:selected').val());

小提琴：http://jsfiddle.net/eLJ4s/1/

Answer 1

您需要注册一个change事件，当前console.log仅在运行时，当没有选中时：

$(":radio[name=rate]").change(function() {
    console.log(this.value);
});

Answer 2

尝试这样的事情......

$('#element').click(function() {
   if($('#radio_button').is(':checked')) { alert("it's checked"); }
});

您必须绑定复选框的click事件，因为更改事件在IE中不起作用。

$('#radio_button').click(function(){
    // if ($(this).is(':checked')) alert('is checked'); 
    alert('check-checky-check was changed');
});

现在，当您以编程方式更改状态时，您还必须触发此事件：

$('#radio_button').attr("checked", "checked");
$('#radio_button').click();

Answer 3

您可以在下面更改代码

工作样本：

select-a-radio-button-with-jquery

check-if-radio-button-is-checked

Answer 4

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

找到单选按钮的值

4 个答案: