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

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

以下面的代码为例:

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

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

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

如果您有一组单选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参考

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!'); } 

这对我来说工作得很好!

您必须绑定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(); 

//通过类检查

 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 } 

另一种方法是使用prop (jQuery> = 1.6)

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

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

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

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

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

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

为我工作…

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

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

尝试这个

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

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

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

在更改dynamic单选button

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

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

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

在这里工作Jsfiddle

尝试这个:

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

$('。radio-button-class-name')。is('checked')对我不起作用,但接下来的代码运行良好:

  if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){ // radio button is checked } 
 $("#radio_1").prop("checked", true); 

对于1.6之前版本的jQuery,使用:

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