我有一系列的帖子。每个帖子都有一个textarea
(输入文本)和一个取消和提交按钮。最初提交按钮被禁用,直到写入一些文本。
然而,当我第一次在一个中输入一些文本时textarea
,所有提交的帖子button
都会启用,而不仅仅是帖子中输入的那个。
我的 JavaScript 代码:
$('.small-textarea').click(function() {
$('.btn-info').attr('disabled','disabled');
$(this).addClass("set-large");
$('.set-large').keyup(function() {
var $this = $('.set-large');
if($(this).val() == '') {
$('.btn-info').attr('disabled','disabled');
}
else {
$('.btn-info').removeAttr('disabled');
}
});
});
HTML:
<div id="footer-condensed-replies" class="footer-condensed">
<!--<input class="input-xlarge" type="text" placeholder="Reply to @Gerardo">-->
<textarea class="small-textarea" type="text" placeholder="Reply to @Gerardo"></textarea>
<div id="" class="footer">
<div id="" class="footer-submit-button">
<button type="button" id="cancel" class="btn" data-value="Cancel">Cancel</button> <span id="footer-btn-margin"></span>
<button id="hunch" class="btn btn-info" type="button" data-value="Submit">Submit</button>
</div>
</div>
</div>