Przycisk wyłączania w jQuery

Question

Moja strona tworzy wiele przycisków jako id = 'rbutton_"+i+"'. Poniżej jest mój kod:

<button type='button' id = 'rbutton_"+i+"' onclick=disable(i);>Click me</button> 

w JavaScript

function disable(i){ 
    $("#rbutton'+i+'").attr("disabled","disabled"); 
} 

Ale to nie mój wyłączyć przycisk, po kliknięciu na niego.

Answer 1

Zastosowanie .prop zamiast (i oczyścić swój ciąg wyboru):

function disable(i){ 
    $("#rbutton_"+i).prop("disabled",true); 
} 

generowane HTML:

<button id="rbutton_1" onclick="disable(1)">Click me</button> 
<!-- wrap your onclick in quotes --> 

---

ale podejście "najlepsze praktyki" jest użycie zdarzenia JavaScript wiązania i Zamiast tego:

$('.rbutton').on('click',function() { 
 
    $(this).prop("disabled",true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<button class="rbutton">Click me</button>

http://jsfiddle.net/mblase75/2Nfu4/

Answer 2

Spróbuj kod:
HTML

<button type='button' id = 'rbutton_'+i onclick="disable(i)">Click me</button> 

funkcja

function disable(i){ 
    $("#rbutton_"+i).attr("disabled","disabled"); 
} 

---

Inne rozwiązanie z jQuery

$('button').click(function(){ 
    $(this).attr("disabled","disabled"); 
}); 

DEMO

---

Inne rozwiązanie z czystego javascript

<button type='button' id = 'rbutton_1' onclick="disable(1)">Click me</button> 

<script> 
function disable(i){ 
document.getElementById("rbutton_"+i).setAttribute("disabled","disabled"); 
} 
</script> 

DEMO2

Answer 3

Oto jak to zrobić z AJAX.

$("#updatebtn").click(function() { 
    $("#updatebtn").prop("disabled", true); 
    urlToHandler = 'update.ashx'; 
      jsonData = data; 
      $.ajax({ 
       url: urlToHandler, 
       data: jsonData, 
       dataType: 'json', 
       type: 'POST', 
       contentType: 'application/json', 
       success: function (data) { 
        $("#lbl").html(data.response); 
        $("#updatebtn").prop("disabled", false); 
        //setAutocompleteData(data.response); 
       }, 
       error: function (data, status, jqXHR) { 
        alert('There was an error.'); 
        $("#updatebtn").prop("disabled", false); 
       } 
      }); // end $.ajax 

Answer 4

Po prostu w porządku pracy, w HTML:

<button type="button" id="btn_CommitAll"class="btn_CommitAll">save</button> 

Na stronie JQuery umieścić tę funkcję do przycisku Wyłącz:

function disableButton() { 
    $('.btn_CommitAll').prop("disabled", true); 
} 

Aby włączyć przycisk:

function enableButton() { 
    $('.btn_CommitAll').prop("disabled", false); 
} 

To wszystko.

Answer 5

Są dwie rzeczy, a najwyższa głosowana odpowiedź jest poprawna technicznie, jak na pytanie OP.

krótko streścić:

$("some sort of selector").prop("disabled", true | false); 

Jednakże należy używać jQuery UI (wiem, że PO nie było, ale niektórzy ludzie przyjeżdżający tu może być) wtedy, gdy będzie to wyłączyć przyciski kliknij zdarzenie to przyzwyczajenie zrobić przycisk wydaje się wyłączony zgodnie ze stylem interfejsu użytkownika.

Jeśli używasz przycisku stylem jQuery UI to powinno być włączone/wyłączone poprzez:

$("some sort of selector").button("enable" | "disable"); 

http://api.jqueryui.com/button/#method-disable

Answer 6

Działa to dla mnie:

<script type="text/javascript"> 
function change(){ 
    document.getElementById("submit").disabled = false; 
} 
</script> 

Answer 7

Jest to najprostsza sposób w mojej opinii:

// All buttons where id contains 'rbutton_' 
 
const $buttons = $("button[id*='rbutton_']"); 
 

 
//On click 
 
$buttons.click(function() { 
 
    $(this).prop('disabled', true); //disable 
 
}); 
 

 
//Enable button 
 
$('#enable').click(function(){ 
 
    $buttons.each(function(){ 
 
     $(this).prop('disabled', false); //enable 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="rbutton_200">click</button> 
 
<button id="rbutton_201">click</button> 
 
<button id="rbutton_202">click</button> 
 
<button id="rbutton_203">click</button> 
 
<button id="rbutton_204">click</button> 
 
<button id="rbutton_205">click</button> 
 
<button id="enable">enable</button>

Answer 8

Chcę przycisk, aby wyłączyć na jakiś warunek, używam 1st rozwiązanie, ale to nie będzie działać dla mnie. Ale kiedy używam drugiej, zadziałało. Poniżej znajdują się wyjścia z konsoli przeglądarki.

1. $ ('# psl2 .btn-Kontynuuj'). Prop ("wyłączone", true)

<a class=​"btn btn-yellow btn-continue" href=​"#">​Next​</a>​ 

2. $ ('# psl2 .btn-kontynuować') .attr ("wyłączone", "disabled")

<a class=​"btn btn-yellow btn-continue" href=​"#" disabled=​"disabled">​Next​</a>​ 

Answer 9

Spróbuj

function disable(i){ 
    $("#rbutton_"+i).attr("disabled",true); 
} 

Answer 10

przycisk Wyłącz:

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