如何在jQuery中验证复选框和单选按钮

时间:2018-08-27 12:52:02

标签: javascript jquery checkbox radio-button

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

<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;

      };

  })

2 个答案:

答案 0 :(得分:0)

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;
      };

  })

答案 1 :(得分:-1)

您必须检查复选框中是否包含名为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">

相关问题