我正在使用 Bootstrap 5 和 jQuery 3.6.0，我一直在努力尋找解決方案，但我發現的一切都沒有奏效，因為它已經過時了。
我基本上要做的就是為選中或未選中的復選框設定一個事件處理程式。該復選框是 Bootstrap 開關樣式的復選框。
我設法得到它，以便激活未檢查部分的代碼，但我認為它沒有被正確激活。但我無法得到它，以便事件在被檢查時激活。
我的 HTML：
<div class="form-check form-switch" id="checkboxLondon">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
<label class="form-check-label" for="flexSwitchCheckDefault">London</label>
</div>
我的 jQuery/JS：
$('#checkboxLondon').click(function () {
console.log("This works")
if ($(this).is(":checked")){
console.log("Checkbox is checked");
} else if ($(this).is(":checked") == false) {
console.log("Checkbox is unchecked");
}
});
uj5u.com熱心網友回復：
.change()在您的復選框上使用狀態處理程式，而不是在父 div 上，然后檢查復選框何時被選中.is()
$('#flexSwitchCheckDefault').change(function(){
console.log($(this).is(':checked'))
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-check form-switch" id="checkboxLondon">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
<label class="form-check-label" for="flexSwitchCheckDefault">London</label>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/349428.html
標籤：javascript 查询 推特引导 复选框
下一篇：自我許可檢查