JQuery:检查是否使用单选按钮类名检查了任何单选按钮

JQuery: Check if any radio button is checked using radio button class name

本文关键字：单选按钮 检查 任何 是否 JQuery      更新时间：2023-09-26

我意识到类似的问题早些时候在堆栈溢出上已经回答过几次。我检查了所有的问题，没有一个与我的相似。

我有一个带有一些单选按钮的 html 表单。在我的验证中，我想检查是否至少选中了一个单选按钮。

到目前为止，我的方法：

  • 所有单选按钮都具有相同的类
  • 所有单选按钮都具有相同的名称

我需要

  • 检查是否至少有一个单选按钮是分离
    • 的
  • 读取所选按钮的值。

到目前为止我的Javascript

function supportFormValidation(){
   var isChecked = $('.radioButton').attr('checked')?true:false;
   alert(isChecked);
   return false;}

这始终返回 false。但是当我尝试通过每个单选按钮的单个 ID 读取 vale 时，它返回 true。有什么方法可以使用类名检查是否选中了单选按钮。

JSFiddle： http://jsfiddle.net/evj9nch3/

只需使用 ：checked。

var isChecked = !!($('.radioButton:checked').length);

为了访问checked属性，您需要使用 prop 函数(无论如何在 1.6 之后(。 由于值为 true 或 false，因此它被视为元素的属性而不是属性。

Nits 的答案是一种更好的方法，但请查看下面的原因，了解您的实现不起作用的原因。

查看此帖子以获取更多信息

这是小提琴的链接

function supportFormValidation() {
  var isChecked = $('.radioButton').prop('checked') ? true : false;
  alert(isChecked);
  return false;
};
supportFormValidation();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='checkbox' class='radioButton' checked='true' />

你可以

使用它。我检查了这是否有效

$(".ClassName").prop("checked", true)
相关文章：