Vô hiệu hóa và kích hoạt nút nhập html

Vì vậy, tôi có một nút như thế này:

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

Làm thế nào tôi có thể vô hiệu hóa và kích hoạt nó khi tôi muốn? Tôi đã thử disabled="disable"nhưng cho phép nó trở lại là một vấn đề. Tôi đã cố gắng đặt nó trở lại sai nhưng điều đó không cho phép.

Sử dụng Javascript

• Vô hiệu hóa nút html

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

• Kích hoạt nút html

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

• Demo tại đây

Sử dụng jQuery

Tất cả các phiên bản của jQuery trước 1.6

• Vô hiệu hóa nút html

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

• Kích hoạt nút html

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

• Demo tại đây

Tất cả các phiên bản của jQuery sau 1.6

• Vô hiệu hóa nút html

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

• Kích hoạt nút html

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

• Demo tại đây

PS Cập nhật mã dựa trên các thay đổi jquery 1.6.1 . Như một gợi ý, luôn luôn sử dụng các tệp jquery mới nhất và prop()phương thức.

Vì bạn đang vô hiệu hóa nó ở vị trí đầu tiên, nên cách để kích hoạt nó là đặt thuộc tính của nó disabledlà false.

Để thay đổi thuộc tính của nó disabledtrong Javascript, bạn sử dụng:

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

Và rõ ràng để vô hiệu hóa nó một lần nữa, bạn sẽ sử dụng truethay thế.

Vì bạn cũng đã gắn thẻ câu hỏi với jQuery, bạn có thể sử dụng .propphương thức này. Cái gì đó như:

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

Đây là trong các phiên bản mới hơn của jQuery. Cách cũ hơn để làm điều này là thêm hoặc xóa một thuộc tính như vậy:

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

Sự hiện diện đơn thuần của thuộc disabledtính sẽ vô hiệu hóa phần tử, vì vậy bạn không thể đặt giá trị của nó là "false". Ngay cả những điều sau đây cũng nên vô hiệu hóa phần tử

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

Bạn cần loại bỏ hoàn toàn thuộc tính hoặc đặt thuộc tính của nó.

Bạn có thể làm điều này khá dễ dàng chỉ với JavaScript thẳng, không cần thư viện.

Kích hoạt một nút

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

Vô hiệu hóa một nút

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

Không có thư viện bên ngoài cần thiết.

thuộc tính vô hiệu hóa chỉ có một tham số. Nếu bạn muốn kích hoạt nó, bạn phải loại bỏ toàn bộ, không chỉ thay đổi giá trị.

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

Ở đây 'btncattery' là tên lớp của nút.

Không có jQuery, vô hiệu hóa đầu vào sẽ đơn giản hơn

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-->

Điều này chắc chắn sẽ làm việc.

Để vô hiệu hóa một nút

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

Để kích hoạt một nút

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

Bám sát ...

Tại sao không chỉ cho phép nút xuất hiện khi đáp ứng một tiêu chí trên.

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