jquery - 使用 jQuery 至少选择表单中的一个复选框

Question

美好的一天。

请我尝试使用 jquery 来验证表单中的所有复选框(即确保至少选中一个复选框)。 此外，我不希望 radio 的名称“drink[]”出现在 jquery 代码中，因为我正在使用 PHP MySQL 从数据库中获取一些详细信息，并且我可能不一定知道确切的名称对于单选按钮。

这是我的 jquery 代码示例。

$("#go").click(function()
{
  $(#respondent_form input:checkbox").each(function()
  {
    var name = $(this).attr("name");

    if($("input:checkbox[name="+name+"]:checked").length == 0)
    {   
        $(this).focus();
       alert("Fill all fields");
       return false;
    }
 });
});

html 代码示例如下:

<form id="respondent_form" action="" method="">
   <input type="checkbox" name="drink[]" value="Milo"/> Milo
   <input type="checkbox" name="drink[]" value="Tea"/> Tea
   <input type="checkbox" name="drink[]" value="Cowbell"/> Cowbell

   <button type="button" id="go"> Go </button>
 </form>

如果这个问题得到解决，我会很高兴。 谢谢。

Answer 1

你不需要循环:

$("#go").click(function() {
   if ($("#respondent_form input:checked").length == 0) {   
      alert("Fill all fields");
      return false;
    }
});