jquery - 如何使用jquery禁用具有相似ID的按钮

Question

我有 3 个按钮 ID，例如 #button1,#button2,#button3。现在我单击 #button2，这里我想禁用其他 2 个按钮，即#button1,#button3。我们可以使用 $("#myButton").attr("disabled", true); 来禁用按钮。但是这里我们应该有关于这一点的一些逻辑。请帮助我。

Answer 1

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

$('#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);
});