如何使用jquery禁用具有类似Id的按钮

如何使用jquery禁用具有类似Id的按钮,jquery,Jquery,我有3个按钮id,像#button1,#button2,#button3。现在我点击#button2,这里我想禁用另外两个按钮,即#button1,#button3。我们可以使用$(“#我的按钮”).attr(“disabled”,true)来禁用按钮。但是这里我们应该有一些逻辑。请帮帮我 $(function () { $('#button2').live('click', function () { $('#button1,#button3').attr('disabled',

我有3个按钮id,像
#button1,#button2,#button3
。现在我点击
#button2
,这里我想禁用另外两个按钮,即
#button1,#button3
。我们可以使用
$(“#我的按钮”).attr(“disabled”,true)来禁用按钮。但是这里我们应该有一些逻辑。请帮帮我

$(function () {

  $('#button2').live('click', function () {
    $('#button1,#button3').attr('disabled', true);
  });

});
编辑:在注释之后,尝试使用类而不是id

$(function () {

  $('.buttons').live('click', function () {
    $('.buttons').not(this).attr('disabled', true);
  });

});
编辑:在注释之后,尝试使用类而不是id

$(function () {

  $('.buttons').live('click', function () {
    $('.buttons').not(this).attr('disabled', true);
  });

});

您可以获取所有三个元素并删除当前单击的元素:

$('#button1,#button2,#button3').click(function(){
  $('#button1,#button2,#button3').not(this).attr('disabled',true);
});
编辑: 您还可以使用变量来减少代码和执行中的重复:

var buttons = $('#button1,#button2,#button3');
buttons.click(function(){
  buttons.not(this).attr('disabled',true);
});

您也可以考虑在按钮上使用一个类,而不是指定每个ID,这通常使得维护更容易:

var buttons = $('.Radio-ish-button');
buttons.click(function(){
  buttons.not(this).attr('disabled',true);
});

您可以获取所有三个元素并删除当前单击的元素:

$('#button1,#button2,#button3').click(function(){
  $('#button1,#button2,#button3').not(this).attr('disabled',true);
});
编辑: 您还可以使用变量来减少代码和执行中的重复:

var buttons = $('#button1,#button2,#button3');
buttons.click(function(){
  buttons.not(this).attr('disabled',true);
});

您也可以考虑在按钮上使用一个类,而不是指定每个ID,这通常使得维护更容易:

var buttons = $('.Radio-ish-button');
buttons.click(function(){
  buttons.not(this).attr('disabled',true);
});
尝试:

尝试:


您可以通过从树按钮集中筛选出按下的按钮来完成此操作

我们可以使用列表中的
not
过滤掉按下的按钮

$(document).ready(function() {
    $('#button1,#button2,#button3').click(function() {
        $('#button1,#button2,#button3').not(this).attr('disabled',true)
    });
});

您可以通过从树按钮集中筛选出按下的按钮来完成此操作

我们可以使用列表中的
not
过滤掉按下的按钮

$(document).ready(function() {
    $('#button1,#button2,#button3').click(function() {
        $('#button1,#button2,#button3').not(this).attr('disabled',true)
    });
});

您可以使用类选择器获取一种类型的所有按钮,然后逐一迭代和禁用每个按钮。您正在寻找一种逻辑,该逻辑将在单击一个按钮时禁用其他按钮?您可以使用类选择器获取一种类型的所有按钮,然后逐个迭代并禁用。您正在寻找一种逻辑,该逻辑将在单击一个按钮时禁用其他按钮?谢谢,这里将动态生成按钮,用户单击时我可以传递按钮id,但除单击按钮外的其他按钮应被禁用。希望您理解并尝试坚持使用类而不是id。请在选择器中固定拼写“dissabled”和缺少逗号。:)谢谢,这里的按钮是动态生成的,我可以在用户单击时传递按钮id,但是除了单击按钮之外的其他按钮应该被禁用。希望您理解并尝试坚持使用类而不是id。请在选择器中固定拼写“dissabled”和缺少逗号。:)