使用js/jquery预先选择和禁用特定的复选框可以通过以下步骤实现:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<input type="checkbox" id="checkbox1" class="myCheckbox" />
<input type="checkbox" id="checkbox2" class="myCheckbox" />
<input type="checkbox" id="checkbox3" class="myCheckbox" />
$(document).ready(function() {
// 预先选择和禁用特定的复选框
$("#checkbox1").prop("checked", true).prop("disabled", true);
$("#checkbox2").prop("checked", true).prop("disabled", true);
});
$(document).ready(function() {
// 当选择某个选项时禁用其他复选框
$("#mySelect").change(function() {
if ($(this).val() === "option1") {
$("#checkbox2").prop("checked", false).prop("disabled", true);
$("#checkbox3").prop("checked", false).prop("disabled", true);
} else {
$("#checkbox2").prop("disabled", false);
$("#checkbox3").prop("disabled", false);
}
});
});
以上代码中,#checkbox1
、#checkbox2
和#checkbox3
分别表示要选择和禁用的复选框的ID。prop("checked", true)
用于预先选择复选框,prop("disabled", true)
用于禁用复选框。
对于更多关于jQuery的用法和方法,请参考官方文档。
请注意,以上答案中没有提及任何特定的腾讯云产品或链接地址,因为问题要求不涉及特定品牌商。
领取专属 10元无门槛券
手把手带您无忧上云