javascript - 特定の HTML ボタンを無効にするにはどうすればよいですか?

Question

私の HTML ページには、値が 1、2、3、4、5 の 6 つのボタンがあり、6 番目のボタンの値は「無効」です。jQueryを使用して「無効にする」ボタンをクリックして、特定のボタンを無効にするだけです。たとえば、3 番目のボタンを押してすぐに無効化ボタンをクリックすると、ボタン 3 が無効になり、4 番目のボタンをクリックしてすぐに無効化ボタンをクリックすると、4 番目のボタンが無効になります。

事前に感謝します。

Answer 1

ボタン

<button class="btn">1</button>
<button class="btn">2</button>
<button class="btn">3</button>
<button class="btn">4</button>
<button class="btn">5</button>
<button class="btn">6</button>
<button class="dis">Disable</button>

そしていくつかのjQuery

$('.btn').on('click', function() {
    $(this).addClass('active').siblings('button').removeClass('active');
});

$('.dis').on('click', function() {
    $('.btn.active').prop('disabled', true);
});

そして

フィドル

Answer 2

あなたはこれを試すことができます、

$('button').on('click',function(){
   // your code;
   $(this).prop('disabled',true);
});

HTML

<button class="mybutton">1</button>
<button class="mybutton">2</button>
<button class="mybutton">3</button>
<button class="mybutton">4</button>
<button class="mybutton">5</button>
<button class="disable">Disable</button>

脚本

$(function(){
    $('.mybutton').on('click',function(){
        $(this).addClass('disableMe');
    });
    $('.disable').on('click',function(){
        $('.disableMe').prop('disabled',true);
    });    
});

働くフィドル