找出单选button是否与JQuery检查？

我可以设置一个单选button来检查，但是我想要做的是设置一种“侦听器”，当某个单选button被选中时激活。

以下面的代码为例：

$("#element").click(function() { $('#radio_button').attr("checked", "checked"); }); 

它增加了一个检查属性，一切都很好，但我怎么会去添加一个警报。 例如，当单选button被检查而没有点击function的帮助时popup？

Answer 1

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

Answer 2

如果您有一组单选button共享相同的名称属性，并且在提交或某些事件时想要检查是否选中了其中一​​个单选button，则可以通过以下代码简单地执行此操作：

 $(document).ready(function(){ $('#submit_button').click(function() { if (!$("input[name='name']:checked").val()) { alert('Nothing is checked!'); return false; } else { alert('One of the radio buttons is checked!'); } }); }); 

资源

jQuery API参考

Answer 3

Parag的解决scheme给我带来了一个错误，这里是我的解决scheme（结合David Hedlund和Parag的）：

 if (!$("input[name='name']").is(':checked')) { alert('Nothing is checked!'); } else { alert('One of the radio buttons is checked!'); } 

这对我来说工作得很好！

Answer 4

您必须绑定checkbox的单击事件，因为更改事件在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 5

//通过类检查

 if($("input:radio[class='className']").is(":checked")) { //write your code } 

/ /通过名称检查

 if($("input:radio[name='Name']").is(":checked")) { //write your code } 

//检查数据

 if($("input:radio[data-name='value']").is(":checked")) { //write your code } 

Answer 6

另一种方法是使用prop （jQuery> = 1.6） ：

 $("input[type=radio]").click(function () { if($(this).prop("checked")) { alert("checked!"); } }); 

Answer 7

如果你不想要一个点击function，使用Jquery的改变function

 $('#radio_button :checked').live('change',function(){ alert('Something is checked.'); }); 

这应该是你正在寻找的答案。 如果你使用的是Jquery 1.9.1以上的版本，那就试用了，因为live函数已经被弃用了。

Answer 8

…谢谢你们…我所需要的是选中的单选button的“值”，其中每个单选button都有一个不同的ID。

  var user_cat = $("input[name='user_cat']:checked").val(); 

为我工作…

Answer 9

解决scheme将很简单，因为当您检查某个单选button时，您只需要“侦听器”。 做到这一点： –

 if($('#yourRadioButtonId').is(':checked')){ // Do your listener's stuff here. } 

Answer 10

尝试这个

  if($('input[name="radiobutton"]:checked').length == 0) { alert("Radio buttons are not checked"); } 

Answer 11

dynamic生成单选button检查无线电获取值

 $("input:radio[name=radiobuttonname:checked").val(); 

在更改dynamic单选button

 $('input[name^="radioname"]').change(function () {if (this.value == 2) { }else{}}); 

Answer 12

使用所有types的单选button和浏览器

 if($('#radio_button_id')[0].checked) { alert("radiobutton checked") } else{ alert("not checked"); } 

在这里工作Jsfiddle

Answer 13

尝试这个：

 alert($('#radiobutton')[0].checked) 

Answer 14

$（'。radio-button-class-name'）。is（'checked'）对我不起作用，但接下来的代码运行良好：

  if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){ // radio button is checked } 

Answer 15

 $("#radio_1").prop("checked", true); 

对于1.6之前版本的jQuery，使用：

 $("#radio_1").attr('checked', 'checked');