одна кнопка активна, другая неактивна

Question

дорогой всем, у меня есть две кнопки на моей странице. в первый раз я хочу, чтобы 2-я кнопка не могла щелкнуть (неактивно), но мы можем щелкнуть по ней после того, как нажмем первую кнопку. И, конечно же, после нажатия 1-й кнопки она становится неактивной.

эта последовательность:

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");
        });
    });

См. Это в действии

Answer 2

Если у вас когда-либо будет только две кнопки, вы действительно можете просто сделать это:

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

    return false;
});

См .: http://jsfiddle.net/yijiang/6a2pf/

Answer 3

Для неактивного состояния попробуйте использовать свойство disable следующим образом:

$('id_button_2').disabled=false;

Затем, когда вы хотите активировать другую кнопку, используйте:

$('id_button_1').disabled=true;

Помните, что вам нужно управлятьэто состояние функции события (например, onclick) зависит от того, что вы хотите

Answer 4

Объедините указанные ниже клики с правильными начальными значениями в отключенном атрибуте кнопки

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

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

Answer 5

псевдокод:

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

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