我可以将单选按钮设置为checked fine,但我想做的是设置一种“侦听器”,当某个单选按钮被选中时激活。
以以下代码为例:
$("#element").click(function()
{
$('#radio_button').attr("checked", "checked");
});
它添加了一个checked属性,一切都很好,但我该怎么做呢 添加警报。例如,选中单选按钮时弹出 没有点击功能的帮助?
我可以将单选按钮设置为checked fine,但我想做的是设置一种“侦听器”,当某个单选按钮被选中时激活。
以以下代码为例:
$("#element").click(function()
{
$('#radio_button').attr("checked", "checked");
});
它添加了一个checked属性,一切都很好,但我该怎么做呢 添加警报。例如,选中单选按钮时弹出 没有点击功能的帮助?
当前回答
$('.radio-button-class-name').is('checked')不适合我,但下面的代码运行良好:
if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){
// radio button is checked
}
其他回答
由于Parag的解决方案为我抛出了一个错误,下面是我的解决方案(结合David Hedlund和Parag的解决方案):
if (!$("input[name='name']").is(':checked')) {
alert('Nothing is checked!');
}
else {
alert('One of the radio buttons is checked!');
}
这对我来说很有效!
jQuery仍然很流行,但是如果你不想依赖,请参阅下面。 ES-2015上单选按钮是否被选中的短清晰功能:
功能检索从放射学( return键[...文件getElementsByName (name)。 .reduce(rez, btn) => (btn)检查?btn。价值:保留区,空) 的 控制台(getvaluetransm radio(“payment”); < div > <输入类型=“无线电” <输入类型=“无线电” <输入类型=“无线电” <输入类型=“无线电” < / div >
最终解决方案 使用onChang方法检测单选按钮是否已选中 Jquery > 3.6
$('input[type=radio][name=YourRadioName]').change(()=>{
alert("Hello"); });
获取所单击单选按钮的值
var radioval=$('input[type=radio][name=YourRadioName]:checked').val();
$('.radio-button-class-name').is('checked')不适合我,但下面的代码运行良好:
if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){
// radio button is checked
}
如果你有一组单选按钮共享相同的name属性,并且在提交或某些事件时,你想检查这些单选按钮中的一个是否被选中,你可以简单地通过以下代码做到这一点:
$(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参考