如何在jquery中验证复选框和单选按钮答案

【问题标题】：how to validate checkbox and radio button in jquery如何在jquery中验证复选框和单选按钮
【发布时间】：2019-02-02 00:31:04
【问题描述】：

我无法验证复选框和单选按钮。实际上我只需要为用户插入验证，至少选择一件事天气复选框或收音机。看我的代码。这对我不起作用。

<script>
  $(".submit").click(function(){
       var checkBoxCount = $(".jobwork:checkbox:checked").length;
      if($(".jobwork:checkbox:checked").length < 1 || ($("input[name=jobwork]:checked").length <= 0)){
          alert("Please select atlease one jobwork");
          return false;

      };

  })

【问题讨论】：

你可以在这里发布你的 html。你的按钮是提交类型的吗？

标签： javascript jquery checkbox radio-button

【解决方案1】：

http://api.jquery.com/prop/#entry-examples

$(".submit").click(function(){
      var isChecked= $(".jobwork")[0].prop('checked');
      if (!isChecked) {
          alert("Please select atlease one jobwork");
          return false;
      };

  })

【讨论】：

【解决方案2】：

您必须检查复选框中是否有一个名为checked 的道具。 仅在选中复选框时可用。

$(".submit").click(function(){
      var checked = $(".jobwork").prop('checked');
      if(!checked){
          alert("Please select atlease one jobwork");
          return false;

      };

  })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" class="jobwork" name="check">
<input type="checkbox" class="jobwork" name="check">
<input type="checkbox" class="jobwork" name="check">
<br>
<input type="button" class="submit" value="submit">

【讨论】：