làm thế nào để vô hiệu hóa/kích hoạt một nút bằng cách jquery

Question

làm thế nào để vô hiệu hóa/kích hoạt một nút cụ thể bằng jquery (theo tên)?

Nút không có ID, chỉ cần mã này:

<button onclick="$('ChangeAction').value='SaveAndDoOrder';" value="Bye" name="SaveAndDoOrder" type="submit"> 
     <i class="Icon ContinueIconTiny"></i> 
     <span class="SelectedItem">Bye</span> 
     </button> 

Answer 1

tôi sẽ khuyên bạn sử dụng ID thay cho tên, như:

$("#myButton").attr("disabled", true); 

này sẽ thêm disabled attribute nút mà bạn sau đó trình duyệt sẽ tự động tắt. Nếu bạn muốn sử dụng tên mà bạn có thể sử dụng nó như thế này:

$("button[name=myButton]").attr("disabled", true); 

Answer 2

Hãy thử điều này:

$("button[name=SaveAndDoOrder]").attr("disabled", "disabled"); 

Điều đó sẽ vô hiệu hóa một nút với một name thuộc tính bằng nameOfButton.

$("button[name=SaveAndDoOrder]").removeAttr("disabled"); 

Điều đó sẽ loại bỏ thuộc tính vô hiệu hóa khỏi cùng một nút.

Answer 3

Có ít nhất một câu trả lời đã được đưa ra sẽ hoạt động.

Điều tôi muốn nói là bạn được khuyên nên luôn có một ID trên các phần tử của mình và không chỉ dựa vào thuộc tính tên. Thuộc tính name thực sự chỉ được dùng làm điểm đánh dấu để đăng các mục biểu mẫu.

CSS và DOM Javascript đều được tối ưu hóa để xem ID. Bạn có thể làm điều đó theo tên, như trong các câu trả lời bạn đã được đưa ra, nhưng nó kém hiệu quả hơn nhiều - ngay cả khi bạn có thể làm điều đó trong cùng một lượng mã, trình duyệt sẽ phải làm nhiều việc hơn đằng sau hậu trường.

Ngoài ra một số kỹ thuật truy cập các phần tử theo tên không có sẵn trong tất cả các trình duyệt (phiên bản cũ của IE nói riêng có vấn đề với [thuộc tính] lớp trong CSS).

Answer 4

Đây là mã tôi sử dụng để vô hiệu hóa hoặc kích hoạt lại một điều khiển:

function handleControlDisplay(className, foundCount, checked) { 



    var button = jQuery(className); 



    if (foundCount > 0 && foundCount == checked) { 

     // enable 

     button.removeAttr("disabled"); 

    } 

    else { 

     // set the disabled attribute 

     button.attr("disabled", "true"); 

    }; 

} 

Answer 5

Tạo và sử dụng một plugin jQuery:

; (function($) { 
    $.fn.enable = function(b) { 
     return this.each(function() { 
      this.disabled = !b; 
     }); 
    }; 
})(jQuery); 

sử dụng nó như thế này

$(selector).enable(true|false); 

Answer 6

Giả sử nút là:

<asp:Button runat="server" ID="btn1" Text="button!"/> 

sau đó vô hiệu hóa sẽ được thực hiện như vậy:

$(document).ready (function() { 
    var a = $('#btn1'); 
    a.attr("disabled", function() { 
     return "disabled"; 
    });  
}); 

trình một cách hoàn hảo

Answer 7

tôi sử dụng jQuery's prop():

$('#generate').click(function() { 
    $(this).prop('disabled', true); 
} 

Để kích hoạt nút một lần nữa, làm:

$(this).prop('disabled', false); 

ở đâu đó trong y mã của chúng tôi.