jQuery에서 버튼 비활성화
My page creates multiple buttons as
id = 'rbutton_"+i+"' . 내 페이지에는 id = 'rbutton_"+i+"'와 같은 여러 개의 단추가 만들어져 있습니다.Below is my code: 다음은 내 코드입니다.
In Javascript Javascript
function disable(i){
$("#rbutton'+i+'").attr("disabled","disabled");
}
But it doesn't disable my button when I click on it. 그러나 내가 그것을 눌렀을 때, 그것은 나의 단추를 사용하지 않을 것이다.
#1층
참조:https://stackoom.com/question/11S3i/jQuery에서 버튼 비활성화
#2층
Use
.propinstead(and clean up your selector string): 사용으로 변경.prop(선택기 문자열 정리):function disable(i){
$("#rbutton_"+i).prop("disabled",true);
}
generated HTML:생성된 HTML:
But the "best practices"approach is to use JavaScript event binding and
this instead: 그러나 "최고의 실천"방법은 JavaScript 이벤트 귀속this과 상반되는 것을 사용합니다. $('.rbutton').on('click',function() { $(this).prop("disabled",true); }); http://jsfiddle.net/mblase75/2Nfu4/http://jsfiddle.net/mblase75/2Nfu4/
#3층
Try this code:이 코드 시험:HTML HTML
function 기능
function disable(i){
$("#rbutton_"+i).attr("disabled","disabled");
}
Other solution with jquery에서 jquery를 사용하는 기타 솔루션
$('button').click(function(){
$(this).attr("disabled","disabled");
});
DEMO DEMO
Other solution with pure javascript 기타 솔루션 및 JavaScript
function disable(i){
document.getElementById("rbutton_"+i).setAttribute("disabled","disabled");
}
DEMO2 DEMO2
#4
Here's how you do it with ajax. 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
#5
Simply it's work fine, in HTML: HTML ：
In JQuery side put this function for disable button: JQuery ， ：
function disableButton() {
$('.btn_CommitAll').prop("disabled", true);
}
For enable button: ：
function enableButton() {
$('.btn_CommitAll').prop("disabled", false);
}
That's all. 。
#6
There are two things here, and the highest voted answer is technically correct as per the OPs question. ， OP ， 。
Briefly summarized as: ：
$("some sort of selector").prop("disabled", true | false);
However should you be using jQuery UI (I know the OP wasn't but some people arriving here might be) then while this will disable the buttons click event it wont make the button appear disabled as per the UI styling. ， jQuery UI（ OP ， ） ， UI 。
If you are using a jQuery UI styled button then it should be enabled / disabled via: jQuery UI ， / ：
$("some sort of selector").button("enable" | "disable");
http://api.jqueryui.com/button/#method-disable http://api.jqueryui.com/button/#method-disable
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
