Wyłączanie i włączanie przycisku wprowadzania HTML

Mam więc taki przycisk:

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

Jak mogę je wyłączyć i włączyć, kiedy chcę? Próbowałem, disabled="disable"ale włączenie go z powrotem jest problemem. Próbowałem ustawić wartość false, ale to nie pozwoliło.

Korzystanie z Javascript

• Wyłączanie przycisku HTML

  document.getElementById("Button").disabled = true;

• Włączanie przycisku HTML

  document.getElementById("Button").disabled = false;

• Demo tutaj

Korzystanie z jQuery

Wszystkie wersje jQuery przed 1.6

• Wyłączanie przycisku HTML

  $('#Button').attr('disabled','disabled');

• Włączanie przycisku HTML

  $('#Button').removeAttr('disabled');

• Demo tutaj

Wszystkie wersje jQuery po wersji 1.6

• Wyłączanie przycisku HTML

  $('#Button').prop('disabled', true);

• Włączanie przycisku HTML

  $('#Button').prop('disabled', false);

• Demo tutaj

PS Zaktualizowałem kod na podstawie zmian jquery 1.6.1 . Jako sugestię zawsze używaj najnowszych plików jquery i prop()metody.

Ponieważ wyłączasz go w pierwszej kolejności, sposobem włączenia go jest ustawienie jego disabledwłaściwości jako false.

Aby zmienić jego disabledwłaściwość w JavaScript, użyj tego:

var btn = document.getElementById("Button");
btn.disabled = false;

I oczywiście, aby wyłączyć to ponownie, użyłbyś truezamiast tego.

Ponieważ otagowałeś pytanie również jQuery, możesz użyć tej .propmetody. Coś jak:

var btn = $("#Button");
btn.prop("disabled", true);   // Or `false`

Jest to w nowszych wersjach jQuery. Starszym sposobem na to jest dodanie lub usunięcie takiego atrybutu:

var btn = $("#Button");
btn.attr("disabled", "disabled");
// or
btn.removeAttr("disabled");

Sama obecność disabledwłaściwości wyłącza element, więc nie można ustawić jego wartości jako „fałsz”. Nawet następujące elementy powinny wyłączyć element

<input type="button" value="Submit" disabled="" />

Musisz całkowicie usunąć atrybut lub ustawić jego właściwość.

Możesz to zrobić dość łatwo za pomocą prostego JavaScript, bez bibliotek.

Włącz przycisk

document.getElementById("Button").disabled=false;

Wyłącz przycisk

 document.getElementById("Button").disabled=true;

Nie są potrzebne biblioteki zewnętrzne.

atrybut disable ma tylko jeden parametr. jeśli chcesz to włączyć, musisz usunąć całą rzecz, a nie tylko zmienić wartość.

$(".btncancel").button({ disabled: true });

Tutaj „btncancel” to nazwa klasy przycisku.

Bez jQuery wyłączenie wprowadzania danych będzie prostsze

Button.disabled=1;

function dis() {
  Button.disabled= !Button.disabled;
}

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

<button onclick="dis()">Toggle disable</button>

 <!--Button Disable Script-->
    <script type="text/javascript">
        function DisableButton() {
            document.getElementById("<%=btnSave.ClientID %>").disabled = true;
        }
        window.onbeforeunload = DisableButton;
    </script>
    <!--Button Disable Script-->

To na pewno zadziała.

Aby wyłączyć przycisk

$('#btn_id').button('disable');

Aby włączyć przycisk

$('#btn_id').button('enable');

Trzymaj się php ...

Dlaczego nie tylko pozwolić, aby przycisk pojawił się po spełnieniu powyższych kryteriów?

<?
if (whatever == something) {
    $display = '<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>';
    return $display;
}
?>