Question

当我勾选两个复选框时，警报信息无法显示。那我怎么能显示错误信息？

<body>
    <div class="float0">
        <input type="checkbox" id="c" value="first">
        <label for="c"><strong>ABC</strong>
        </label>
        <br>
    </div>
    <div class="float0">
        <input type="checkbox" id="d" value="second">
        <label for="d"><strong>PQR</strong>
        </label>
        <br>
    </div>
</body>

$(document).ready(function() {
    if ($('#c').is(":checked") && $('#d').is(":checked")) {
        alert('i m here');
    }
});

Answer 1

$(':checkbox').change(function() {
  if ($('#c').is(":checked") && $('#d').is(":checked")) {
    alert('i m here');
  }

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="float0">
  <input type="checkbox" id="c" value="first">
  <label for="c"><strong>ABC</strong>
  </label>
  <br>
</div>
<div class="float0">
  <input type="checkbox" id="d" value="second">
  <label for="d"><strong>PQR</strong>
  </label>
  <br>
</div>

将代码置于更改事件中以获取复选框。
现在您正在检查是否在加载时选中了复选框，而不是选中复选框时

Answer 2

只需使用复选框的change（）事件来检测是否选中了两个复选框：

$( document ).ready(function() {
 $("input:checkbox").change(function() {
    if ($('#c').is(":checked") && $('#d').is(":checked")) {
       alert('i m here');
    }
 })   
});

当使用jquery选中两个复选框时，如何显示警告消息？

2 个答案: