当文本框中没有文本时,可以通过以下几种方式禁用按钮:
var textBox = document.getElementById("myTextBox");
var button = document.getElementById("myButton");
textBox.addEventListener("input", function() {
if (textBox.value.trim() === "") {
button.disabled = true;
} else {
button.disabled = false;
}
});
oninput
事件中直接设置按钮的disabled
属性。示例代码如下:<input type="text" id="myTextBox" oninput="myButton.disabled = (this.value.trim() === '')">
<button id="myButton" disabled>按钮</button>
$("#myTextBox").on("input", function() {
if ($(this).val().trim() === "") {
$("#myButton").prop("disabled", true);
} else {
$("#myButton").prop("disabled", false);
}
});
以上是三种常见的禁用按钮的方法,根据具体情况选择适合的方式即可。
关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体品牌商,无法给出相关链接。但腾讯云提供了丰富的云计算服务,你可以通过访问腾讯云官方网站,查找相关产品和文档。
领取专属 10元无门槛券
手把手带您无忧上云