Javascript 仅禁用或启用当前按钮

每个周期使用一个PHP，我将从数据库中获取文章。在这些文章中，我们有一个带有表单的评论部分。在发送注释之前，我想用jQuery检查输入上是否有写的东西

由于文章是在PHP循环中产生的，因此我只想检查在其中编写注释的文章，但是jQuery会检查所有文章，并且只启用或禁用从数据库中产生的第一个或顶部结果。我希望jQuery只检查带有书面评论的文章

以下是我正在做的：

$（文档）.ready（函数（）{
$（“.comment submit”）.attr（“disabled”，true）；
$（“#组评论后输入”）.keyup（函数（）{
if（$（this）.val（）.length！=0）{
$（“.comment submit”）.attr（“disabled”，false）；
}否则{
$（“.comment submit”）.attr（“disabled”，true）；
}
});
});

评论


评论


评论
< /代码> 以后，您可能会考虑使用类来代替。


$（函数（）{
$（“.group post comment input”）.on（'keyup'，function（）{
让$button=$（this.next（'.comment submit'）；
让禁用=！this.value；
$button.prop（'disabled'，disabled）；
});
});
表单{
边缘：0.01米；
}

评论
评论
评论
ID必须是唯一的，

但是您需要使用名称将信息发送到PHP服务器


document.querySelectorAll（'button.comment submit'）.forEach（bt=>bt.disabled=true）
document.querySelectorAll（'input[name=“group post comment input”]”）。forEach（inEl=>
inEl.oninput=e=>inEl.nextElementSibling.disabled=（inEl.value.trim（）.length==0））

评论


评论


评论
仅适用于较旧的jQuery？不在JavaScript代码（ES10）中？您的HTML代码是错误的，因为
id
属性必须具有唯一值。此解决方案非常好。具有这个价值，你是什么意思？它用于更改“禁用/启用”属性，但是否可以用于更改其他内容，例如背景颜色？如果是，怎么做？输入值为空。当值为空字符串时返回
true
，当值为空字符串时返回
false
。使用时，当输入值为空时，输入被禁用。布尔值还可用于切换应用背景色的类。这就是你的意思吗？另外，我正在使用
this.value
访问输入元素的属性。您可以使用jQuery:
$（this）.val（）
。请参阅和。如果它们可用于切换类，如何切换？我不熟悉jQueryOne方法是jQuery的，它接受一个布尔
状态
参数，确定“是否应该添加或删除类”。