JavaScript 验证复选框

Question

我有以下代码

$('#bnp-agree').keyup(function(e){
  if(!$(this).is(':checked').val())
    e.preventDefault();
}).focusout(function(){
  if(!$(this).is(':checked').val()){
    $('#bnp-agree-wrong').slideUp();
  } else {
    $('#bnp-agree-wrong').slideDown();
  }
});

我有以下 div

<div class="text-danger" id="bnp-agree-wrong" style="display: none;">Трябва да се съгласите с общите условия на БНП Париба!</div>

我只想验证用户是否已选中此复选框

<label><input type="checkbox" name="bnp-agree"><span>Прочетох и се съгласих</span></label>

我怎样才能实现它？

Answer 1

我认为你的问题很简单:) 复选框中没有 id="bnp-agree"属性

这也是一种替代方案；

$('#bnp-agree').on("change",
function(){
  if($(this).prop("checked")){
    $('#bnp-agree-wrong').slideUp();
  } else {
    $('#bnp-agree-wrong').slideDown();
  }
});

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


<div class="text-danger" id="bnp-agree-wrong" style="display: none;">Трябва да се съгласите с общите условия на БНП Париба!</div>

<label><input type="checkbox" name="bnp-agree" id="bnp-agree"><span>Прочетох и се съгласих</span></label>