时间戳

首页 > 解决方案 > 使用 Javascript 验证复选框

javascript - 使用 Javascript 验证复选框

问题描述

我想修改我的脚本，所以如果选择了 2 个复选框中的任何一个，它会显示“哇哦！'。我哪里错了？

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

})

JSF中：

https://jsfiddle.net/6qh0c8fm/

标签： javascriptjquery

解决方案

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

推荐阅读