引导检查是否选中复选框[重复]答案

【问题标题】：Bootstrap check if check box is checked or not [duplicate]引导检查是否选中复选框[重复]
【发布时间】：2021-02-05 03:01:39
【问题描述】：

我有一个引导复选框，问题是在选中它时我无法获得它的值。下面的代码是我的复选框。

<div class="col-md-auto">
   <div class="form-group">
       <div class="form-check">
           <label class="form-check-label">
              <input type="checkbox" class="form-check-input" id="briskbusiness" value="1">
              Brisk Business
              <i class="input-frame"></i>
          </label>
       </div>
   </div>
</div>

这是我的 Jquery：

$(document).on('change','#briskbusiness',function() {
    if(this.checked){
       alert();
    }
});

我尝试使用单击和更改，但它仍然不会显示警报。

这是我的复选框的外观。

【问题讨论】：

这个问题对于初学者 Web 开发人员来说非常有用。 :)

标签： javascript jquery bootstrap-4

【解决方案1】：

您的代码似乎运行良好。我可能会遇到导入 jQuery 库的问题

<script
  src="https://code.jquery.com/jquery-3.5.1.min.js"
  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
  crossorigin="anonymous"></script>
<div class="col-md-auto">
    <div class="form-group">
        <div class="form-check">
            <label class="form-check-label">
               <input type="checkbox" class="form-check-input" id="briskbusiness" value="1">
               Brisk Business
               <i class="input-frame"></i>
           </label>
        </div>
    </div>
 </div>


 <script>
     $(document).on('change','#briskbusiness',function() {
         a = $("input[type='checkbox']").val();
    if(this.checked){
       alert(a);
    }
});
 </script>

检查上面的代码。

【讨论】：

我已经调试了一个小时了，问题是我没有为 onchange 事件导入 javascript T_T

【解决方案2】：

$(document).ready(function (){
  $("#briskbusiness").click(function(){
    let check_box = $(this);
    check_val = checkbox.val();
    alert(check_val);
  });
})

【讨论】：

请在您的答案中添加一些解释，以便其他人可以从中学习