1

一連の投稿があります。各投稿にはtextarea(入力テキスト) ボタンとキャンセル ボタンと送信ボタンがあります。テキストが書き込まれるまで、最初は送信ボタンが無効になっています。

それにもかかわらず、最初に one にテキストを入力すると、入力した投稿の投稿だけでなく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>
4

2 に答える 2

0

attr().... の代わりに prop() を使用$(this).parent().find('.btn-info')し、送信ボタンを取得するには

これを試して

$('.small-textarea').click(function() {

    $('.btn-info').prop('disabled',true);
    $(this).addClass("set-large");
 });

$('.set-large').keyup(function() {
        if($(this).val() == '') {
           $(this).parent().find('.btn-info').prop('disabled',true);
        }
        else {
          $(this).parent().find('.btn-info').prop('disabled',false);
        }
    });
于 2013-07-11T18:55:10.233 に答える