我有一个带有文本区域和按钮的表格 我希望在文本区域为空时禁用按钮,在不为空或用户填充该文本区域时启用按钮
这是我的示例 html 代码 我使用 php 循环生成这个表
<table>
<tr>
<td><textarea name="text1" id="text1"></textarea></td>
<td><input type="button" class="btn btn-primary" id="btn1"></td>
</tr>
<tr>
<td><textarea name="text2" id="text2"></textarea></td>
<td><input type="button" class="btn btn-primary" id="btn2"></td>
</tr>
<tr>
<td><textarea name="text3" id="text3"></textarea></td>
<td><input type="button" class="btn btn-primary" id="btn3"></td>
</tr>
</table>
对于禁用按钮,我想使用 addclass "disabled"和 romoveclass "enabeled" 并使用 addclass "enabeled"和 removeclass "disabled"
请帮助我使用 jquery。 谢谢
最佳答案
你可以这样做:
$('textarea').on('keyup keydown keypress change paste', function() {
if ($(this).val() === '') {
$(this).closest('tr').find('.btn').removeClass('enabled').addClass('disabled')
} else {
$(this).closest('tr').find('.btn').removeClass('disabled').addClass('enabled')
}
});
.disabled {
color: red;
}
.enabled {
color: green;
}
You can do something like this:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td><textarea name="text1" id="text1"></textarea></td>
<td><input type="button" class="btn btn-primary disabled" id="btn1" value="Submit"></td>
</tr>
<tr>
<td><textarea name="text2" id="text2"></textarea></td>
<td><input type="button" class="btn btn-primary disabled" id="btn2" value="Submit"></td>
</tr>
<tr>
<td><textarea name="text3" id="text3"></textarea></td>
<td><input type="button" class="btn btn-primary disabled" id="btn3" value="Submit"></td>
</tr>
</table>
关于javascript - jquery 禁用每个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36904987/