Question

亲爱的，我的页面里面有两个按钮。我想第一次第二次按钮不能点击（不活动），但我们点击第一个按钮后点击它。当然，点击第一个按钮后，它将变为非活动状态。

这个序列：

button 1 ---> active
button 2 ---> inactive

then click "button 1"
button 1 --->inactive
button 2 ---> active

then click "button 2"
button 1 --->active
button 2 --->inactive

我该怎么做？

Answer 1

的 HTML 的

<input type="button" id="bt1" value="button 1" /> <input type="button" id="bt2" value="button 2" disabled="disabled" />

的 JQUERY 的

$(function(){ $("#bt1").click(function(){ $(this).attr("disabled", "disabled"); $("#bt2").removeAttr("disabled"); }); // if you want first button to be disabled when second button is clicked $("#bt2").click(function(){ $(this).attr("disabled", "disabled"); $("#bt1").removeAttr("disabled"); }); });

<强> See this in action

Answer 2

如果你只有两个按钮，你可以真正做到这一点：

$('button').click(function(){
    $(this).attr('disabled', true).siblings('button').attr('disabled', false);

    return false;
});

请参阅：http://jsfiddle.net/yijiang/6a2pf/

Answer 3

伪代码：

function button1() {
    deactivateButton1();
    activateButton2();
}

function button2() {
    deactivateButton2();
    activateButton1();
}

Answer 4

将下面的onclicks与按钮的已禁用属性

中的正确起始值相结合

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

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

Answer 5

对于非活动状态，请尝试使用属性disable，如下所示：

$('id_button_2').disabled=false;

然后，当您想激活其他按钮时使用：

$('id_button_1').disabled=true;

请记住，您必须在事件功能（例如onclick）上管理此状态取决于您想要的内容

一个按钮激活另一个激活

5 个答案: