如何在jquery中验证数组复选框

如何在Jquery中验证包含数组名称的复选框

我有12个同名复选框如果所有复选框都为空，我希望显示警报如果任何一个字段不为空，那么我希望显示无错误

---

您可以选择复选框名称，然后使用函数迭代具有相同名称的所有复选框，如下所示：

这里是html代码片段的示例

<input type="checkbox" name="skill_core[]" class="onoffswitch-checkbox" value="1" checked=checked/>
<input type="checkbox" name="skill_core[]" class="onoffswitch-checkbox" value="1"/>

您可以在提交函数中填充上述代码以进行验证

验证答案

$(document).ready(function() {


  $("#nextBtn,#opt").click(function(e) {

      e.preventDefault();

      if($('#title').val() == '')
      {
          // alert('Enter title field');
          $('#title').css("border-color","red");
          var msg="Enter the Title Field";
          $('#title').attr("placeholder",msg);
          return false;
      }
      else
      {
        $('#title').css("border-color","");      
      }

      if($('#skill').val() == '')
      {
          $('#skill').css("border-color","red");
          var skillmsg="Enter the Skill Field";
          $('#skill').attr("placeholder",skillmsg);
          return false;
      }
      else
      {

        $('#skill').css("border-color","");

      }

      $('input[name^=skill_core]').each(function(e){

        if(!$(this).is(':checked'))
        {
            alert('Nope Checked');
            return false;
        }
      });

      if($('#location').val() == '')
      {
          $('#location').css("border-color","red");
          var lmsg="Enter the Location Field";
          $('#location').attr("placeholder",lmsg);
          return false;
      }
      else
      {
          $('#location').css("border-color","");
      }

      if(('#rang').val()=="")
      {
          alert('value');
          return false;
      }



  });
});

---

谢谢你的代码是工作，但我需要没有功能是可能的，你的意思是没有功能。你能告诉我更多关于你的要求吗？我已经在那个函数中创建了函数，我只想写脚本，但是如果我将上面的函数与现有函数合并，“return false”不起作用。然后发布你的函数。想知道吗，我可以很容易地附加上面的代码。在显示“Nope checked”后，我不想移动下一页。

$(document).ready(function() {


  $("#nextBtn,#opt").click(function(e) {

      e.preventDefault();

      if($('#title').val() == '')
      {
          // alert('Enter title field');
          $('#title').css("border-color","red");
          var msg="Enter the Title Field";
          $('#title').attr("placeholder",msg);
          return false;
      }
      else
      {
        $('#title').css("border-color","");      
      }

      if($('#skill').val() == '')
      {
          $('#skill').css("border-color","red");
          var skillmsg="Enter the Skill Field";
          $('#skill').attr("placeholder",skillmsg);
          return false;
      }
      else
      {

        $('#skill').css("border-color","");

      }

      $('input[name^=skill_core]').each(function(e){

        if(!$(this).is(':checked'))
        {
            alert('Nope Checked');
            return false;
        }
      });

      if($('#location').val() == '')
      {
          $('#location').css("border-color","red");
          var lmsg="Enter the Location Field";
          $('#location').attr("placeholder",lmsg);
          return false;
      }
      else
      {
          $('#location').css("border-color","");
      }

      if(('#rang').val()=="")
      {
          alert('value');
          return false;
      }



  });
});