Question

我正在尝试验证包含多个不同单选按钮的表单。表单中的一些单选按钮具有相同的类名“video_type”。

在jQuery验证脚本中，在提交表单后，我想检查是否已选择任何类名为“video_type”的单选按钮。如果用户选择了至少一个单选按钮，其类名为“video_type”且值为1，则应返回true。否则它应该返回false。

目前我正在使用它：

HTML：

<input type="radio" name="video_option_1" class="video_option" value="1">Yes
<input type="radio" name="video_option_1" class="video_option" value="0">No

<input type="radio" name="video_option_2" class="video_option" value="1">Yes
<input type="radio" name="video_option_2" class="video_option" value="0">No

jQuery的：

$("#completeOrderForm").submit(function(){
 if($(".video_type").val() == 0){
   $("#showerrors").show().html("Please select a video type.");
   return false;
 } 
});

但我意识到这是不正确的。我需要做什么？

Answer 1

这应该有效：

if ($(".video_option[value='1']:checked").length == 0) {
   $("#showerrors").show().html("Please select a video type.");
   return false;
 }

基本上，您选择的每个元素.video_option的元素值为1（[value='1']），并进行检查（使用:checked选择器）。然后计算所选元素的数量，如果结果是0，则不检查无线电。

小提琴：http://jsfiddle.net/bjorn/UwufF/6/

修改你谈论了类名为video_type的单选按钮，但代码显示为video_option，我在编写示例时使用了代码。

多个无线电选择的jQuery问题

1 个答案: