Javascript 切换html按钮,具体取决于textarea是否为空

Javascript 切换html按钮,具体取决于textarea是否为空,javascript,html,jquery,Javascript,Html,Jquery,嘿,我试图实现的任务是根据文本区域中是否有文本来激活和停用按钮 这是我想开始的代码 var-button=document.getElementById(“button_01”); var textarea=document.getElementById(“textarea_01”); $(按钮).prop('disabled',true); textarea.addEventListener('keyup',function(){ button.disabled=!this.value; }

嘿,我试图实现的任务是根据文本区域中是否有文本来激活和停用按钮

这是我想开始的代码

var-button=document.getElementById(“button_01”);
var textarea=document.getElementById(“textarea_01”);
$(按钮).prop('disabled',true);
textarea.addEventListener('keyup',function(){
button.disabled=!this.value;
});

字符串编辑器
选择权
修改

JSFIDLE无法工作,因为没有jQuery CDN链接

您可以找到一个更新版本,其中包括jQuery CDN


您正在使用jQuery禁用页面加载按钮

我建议您为此使用HTML:


然后,您的代码似乎工作正常,因为不再需要jQuery了:

var-button=document.getElementById(“button_01”);
var textarea=document.getElementById(“textarea_01”);
textarea.addEventListener('input',function(){
button.disabled=!this.value;
});

字符串编辑器
选择权
修改
像这样试试

var-button=document.getElementById(“button_01”);
var textarea=document.getElementById(“textarea_01”);
button.disabled=true;
textarea.addEventListener('keyup',function(){
button.disabled=!this.value;
});

字符串编辑器
选择权
修改

您的JSFIDLE无法工作,因为您没有包含jQuery CDN链接。您是否检查了控制台中的错误?就像一个大红色
$未定义一样
始终检查控制台。根据@0stone0的观察,我已将您的代码转换为问题中的一个片段,它似乎工作正常。请更新以演示该问题,否则看起来只是缺少jQuery。您可能想考虑使用<代码>输入<代码>事件,而不是键入——因为有多种方法将值放入框中(如右击粘贴),谢谢快速帮助和解释!请对你的问题作一些解释“像这样尝试”没有多大帮助,因为OP必须“搜索”修复程序。请看:。