提问人：PRANAV 提问时间：10/3/2023 最后编辑：freedomn-mPRANAV 更新时间：10/4/2023 访问量：23
如何通过复选框选择jquery来切换元素属性？
How to toggle element attribute by checkbox selection jquery?
问：
我需要通过复选框选择来切换按钮中的属性“禁用”吗？请帮忙
$(document).ready(function() {
$("#checkbox").click(function() {
$(".btn-submit").attr("checked");
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="checkbox" id="checkbox">
<button class="btn-submit" disabled>Submit</button>答：
1赞
Tehcheatah
10/3/2023
#1
您需要使用如下所示的内容：
$("#checkbox").click(function() {
if ($('#checkbox').prop("checked") == true) {
$('.btn-submit').prop("disabled", false);
} else {
$('.btn-submit').prop("disabled", true);
}
});
第 2 行将检查该框是否被选中。如果是，它会将提交按钮的 disabled 属性设置为 。如果未选中，它将反转操作并再次禁用该按钮。false
启用遵循一组步骤的按钮时，请始终问自己，最终用户是否有任何方法可以解决此问题（在这种情况下，尝试取消选中该框）
希望这对你有所帮助
1赞
freedomn-m
10/3/2023
#2
您可以使用它来确定是否勾选了要更改的复选框。this.checked
然后，您可以使用禁用该按钮。.prop("disabled", disabled_true_false)
更新了代码段，仅在勾选复选框后启用该按钮：
$("#checkbox").change(function() {
$(".btn-submit").prop("disabled", !this.checked);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="checkbox" id="checkbox">
<button class="btn-submit" disabled>Submit</button>
0赞
Hardik Uchdadiya
10/4/2023
#3
更改代码以完成所需内容
$(document).ready(function() {
$("#checkbox").change(function() {
$(".btn-submit").prop("disabled", !this.checked);
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="checkbox" id="checkbox">
<button class="btn-submit" disabled=true>Submit</button>
评论