引导检查是不是选中复选框[重复]
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);
);
)
【讨论】:
请在您的答案中添加一些解释,以便其他人可以从中学习以上是关于引导检查是不是选中复选框[重复]的主要内容,如果未能解决你的问题,请参考以下文章