Question

好吧，在我的HTML页面中，我有6个按钮，其值为1,2,3,4,5，第6个按钮的值为“disable”。我想要做的就是通过使用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);
});

和

FIDDLE

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>

<强> SCRIPT

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

Working Fiddle

我如何禁用特定的HTML按钮？

2 个答案: