引导检查是不是选中复选框[重复]

Posted

技术标签:

【中文标题】引导检查是不是选中复选框[重复]【英文标题】: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 开发人员来说非常有用。 :) 【参考方案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);
  );
)

【讨论】:

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

以上是关于引导检查是不是选中复选框[重复]的主要内容,如果未能解决你的问题,请参考以下文章

检查提交时是不是选中了所有复选框[重复]

复选框检查值是不是为 1 [重复]

确定是不是使用 jQuery 检查复选框 [重复]

如何使用jquery ajax检查或不检查复选框[重复]

用于检查输入是不是“选中”或未“选中”的复选框功能

编写jquery代码检查复选框是不是被选中并指示选中的复选框数量?