,可以通过以下步骤实现:
<input type="checkbox" id="checkbox">复选框
<input type="text" id="text" disabled>文本框
var checkbox = document.getElementById("checkbox");
var text = document.getElementById("text");
checkbox.addEventListener("change", function() {
if (checkbox.checked) {
text.disabled = false; // 启用文本框
} else {
text.disabled = true; // 禁用文本框
}
});
这样,当复选框被选中时,文本框将变为可编辑状态;当复选框未被选中时,文本框将变为不可编辑状态。
这种技术可以应用于各种场景,例如在表单中根据用户选择的复选框来启用或禁用相关的输入字段,或者根据复选框的状态来显示或隐藏特定的内容。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云