如何使用jquery检查表单中未选中的radio,定位到这个radio并输出提示信息

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用jquery检查表单中未选中的radio,定位到这个radio并输出提示信息相关的知识,希望对你有一定的参考价值。

<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">

</head>

<body>
<input name="radio" type="radio" id="radio" value="1" />1
<input name="radio" type="radio" id="radio" value="2" />2
<input name="radio" type="radio" id="radio" value="3" />3
<input name="radio" type="radio" id="radio" value="4" />4
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
$("input").click(function()
$("input").each(function()
if($(this).attr("checked")==undefined)
alert($(this).val())

)

)
);
</script>
</body>
</html>
alert()没选中的val()追问

要是有好几组呢,应该怎么查,难道还是这样查吗?

追答

那就在选择器上加条件呗 $("input[name='radio1']") $("input[name='radio2']")每一组的不就出来了吗

参考技术A 遍历必选的radio。弹出层(含一个 带锚连接的a标签一点就到那个位置啦)追问

能否给个demo?谢谢

如何使用Jquery获取Form表单中被选中的radio值

  Jquery获取选中radio的值方式很多:

1.获取选中值,三种方法都可以:
  $('input:radio:checked').val();
  $("input[type='radio']:checked").val();
  $("input[name='rd']:checked").val();  2.设置第一个Radio为选中值:
    $('input:radio:first').attr('checked', 'checked');
  或者
    $('input:radio:first').attr('checked', 'true');
  注:attr("checked",'checked')= attr("checked", 'true')= attr("checked",    true)  3.设置最后一个Radio为选中值:
  $('input:radio:last').attr('checked', 'checked');
  或者
    $('input:radio:last').attr('checked', 'true');
  4.根据索引值设置任意一个radio为选中值:
  $('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
  或者
  $('input:radio').slice(1,2).attr('checked', 'true');
  5.根据Value值设置Radio为选中值
    $("input:radio[value=    
    http://www.2cto.com/kf/201110/'rd2'
    ]").attr('checked','true');  或者
  $("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');
  6.删除Value值为rd2的Radio
  $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove();
  7.删除第几个Radio
  $("input:radio").eq(索引值).remove();索引值=0,1,2....
  如删除第3个Radio:$("input:radio").eq(2).remove();
  8.遍历Radio
  $('input:radio').each(function(index,domEle)
  //写入代码
  );

参考技术A $("form [type=radio]:checked").each(function(index, element)
alert($(this).val());//被选中radio的值
);本回答被提问者和网友采纳
参考技术B jQuery('form radio:checked').val();

以上是关于如何使用jquery检查表单中未选中的radio,定位到这个radio并输出提示信息的主要内容,如果未能解决你的问题,请参考以下文章

在jQuery中,让表单当中的radio按钮默认选中第一个怎么做?

jquery怎么获取radio的值

如何通过值让radiobox被选中

jquery单选框radio绑定click事件实现和是否选中的方法

jquery获取input表单值的代码

如何使用表单验证 jquery 检查至少一个选中的复选框?