javascript - 使用 Javascript 验证复选框

Question

我想修改我的脚本，如果选中了 2 个复选框中的任何，它会显示“Woo hoo!”。我哪里错了？

HTML:

0:<input type="checkbox" name="remove_0" id="remove_0">
<br>
1:<input type="checkbox" name="remove_1" id="remove_1">
<br><br>
<button id="submitTCP">
Hit me!
</button>

Javascript:

$("#submitTCP").click(function(event){

  event.preventDefault();

  if ($('input:checkbox', this).is(':checked')) {
    alert('Woo hoo!');
  } else {
      alert('Please select something!');
      return false;
  }

})

JSFiddle:

https://jsfiddle.net/6qh0c8fm/

Answer 1

您的this 是父提交按钮而不是复选框

$("#submitTCP").click(function(event){

    event.preventDefault();

    if ($('input:checkbox').is(':checked')) {
        alert('checkboxes checked');
    } else {
        alert('Please select something!');
        return false;
    }

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
0:<input type="checkbox" name="remove_0" id="remove_0">
<br>
1:<input type="checkbox" name="remove_1" id="remove_1">
<br><br>
<button id="submitTCP">
    Hit me!
</button>