时间戳

首页 > 解决方案 > javascript验证复选框

javascript - javascript验证复选框

问题描述

我有以下代码

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

我怎样才能实现它？

标签： javascriptjqueryopencart

解决方案

我认为您的问题很简单 :) 复选框中没有 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>

推荐阅读