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>

我想验证用户是否已选中此ckeckbox

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

我怎样才能实现它？

Answer 1

我觉得你的问题很简单:)没有id =“bnp-agree”在CHECKBOX中的属性

这也是另类;

$('#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>

javascript验证复选框

1 个答案: