提交前JQuery需要Checkbox和Radio Button

我正在努力解决这个问题。 现在正在查看JQueryvalidation的示例和工具超过3个小时。

我想做的就是要求选中一个复选框和一个单选按钮，但我不在乎需要哪一个。

 
Box1
 
Box2
 
Box3
 
Radio1
 
Radio2
 
Radio3
   

任何帮助将不胜感激。

Answer 1

要执行此操作，您必须使用:checked选择器。 虽然JP的答案很好，但我可能会这样做：

 $('#form1').submit(function() { if ($('input:checkbox', this).is(':checked') && $('input:radio', this).is(':checked')) { // everything's fine... } else { alert('Please select something!'); return false; } }); 

几个笔记：

• 我认为使用is函数更好，它返回选择器的布尔值。
• 您可以使用:radio和:checkbox作为选择表单中所有无线电和复选框的快捷方式。 但是， 根据jQuery手册 ，使用这些选择器而不在它们之前指定input是不好的做法，因为它们评估为*:checkbox和*:radio否则，这是非常慢的选择器。
• 通过将this作为第二个参数传递，我们为搜索指定了一个上下文 ，因此只搜索当前表单中的复选框和无线电输入。 没有它，如果页面中恰好有另一种forms，我们可能会得到误报。

Answer 2

 $('#form1').submit(function(){ if ($(':checkbox:checked', this)[0] && $(':radio:checked', this)[0]) { // everything's fine... } else { alert('Please select something!'); return false; } }); 

Answer 3

在我的情况下，这对我有用，我想要求用户选中复选框以提交表单。

 $(document).ready(function(){ $('#yourinput').required = true; });