가끔 내가 사용하는 것처럼, 때로는 그냥 버튼을 사용하여 곷떒 앵커 항공의 자회사에 해당된다. 내가 원하는 특정 셨으며 르 달아주세요 비활성화하려면 도왔으매:
How can I do this?
버튼은 간단한 버튼 속성 '에서 처리되는 대로 비활성화하려면 비활성화됨' 은 브라우저:
<! - 언어: html - >.
<input type="submit" class="btn" value="My Input Submit" disabled/>
<input type="button" class="btn" value="My Input Button" disabled/>
<button class="btn" disabled>My Button</button>
<! - 언어: 자바스크립트 - >.
// Disable function
jQuery.fn.extend({
disable: function(state) {
return this.each(function() {
this.disabled = state;
});
}
});
// Disabled with:
$('input[type="submit"], input[type="button"], button').disable(true);
// Enabled with:
$('input[type="submit"], input[type="button"], button').disable(false);
[ 이스피들 비활성화됨 버튼를 및 입력 데모 ] [2].
그렇지 않으면 you& # 39, d, s # 39 jQuery& 사용할 '제안 ()' 방법:
$('button').prop('disabled', true);
$('button').prop('disabled', false);
< hr>;
앵커 태그에 #
.btn.disabled, .btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #333;
background-color: #E6E6E6;
}
[비활성화됨] '어떻게' 참고 '아니라' 오드리사블데 클래스 속성 인식되고 있다. '클래스' 는 앵커 (anchor) 태그 비활성화됨 오드리사블데 지정하십시오. 만들 필요가 있는 것.
<! - 언어: html - >.
<a href="http://example.com" class="btn">My Link</a>
물론 이 링크를 클릭하면 작동하지 않는 표시하지 않습니다. 위의 링크를 통해 우리에게 시행하십시오 (http://example.com). 이를 막기 위해 우리가 할 수 있는 단순한 블렌드합니다 jQuery 의 추가 코드를 불러 함께 '클래스' 비활성화됨 타겟으로의 앵커 태그에 '에번트리프레벤트데포트 ()':
<! - 언어: 자바스크립트 - >.
$('body').on('click', 'a.disabled', function(event) {
event.preventDefault();
});
우리가 할 수 있는 '클래스' 를 사용하여 전환하십시오 비활성화됨 '도글클레스 ()':
jQuery.fn.extend({
disable: function(state) {
return this.each(function() {
var $this = $(this);
$this.toggleClass('disabled', state);
});
}
});
// Disabled with:
$('a').disable(true);
// Enabled with:
$('a').disable(false);
[ 이스피들 비활성화됨 https://partner. 데모 ] [8].
< hr>;
그런 다음 이전 비활성화합니다 확장하십시오 # 39 위, re 시도중입니다 we& 요소의 유형을 확인하기 위해 만든 함수를 사용하여 비활성화합니다 ' () 는'. This way we can 't an isn& 경우 도글클레스 ()', '# 39 는 비활성화됨' 속성 '또는' 요소 '또는' 버튼를 입력입니다 전환하십시오 경우:
// Extended disable function
jQuery.fn.extend({
disable: function(state) {
return this.each(function() {
var $this = $(this);
if($this.is('input, button, textarea, select'))
this.disabled = state;
else
$this.toggleClass('disabled', state);
});
}
});
// Disabled on all:
$('input, button, a').disable(true);
// Enabled on all:
$('input, button, a').disable(false);
[ 전체 결합됨 이스피들 데모 ] [10].
[4]: http://www.w3.org/TR/html5/text-level-semantics.html # a 요소점
앵커 태그를 사용하여 (링크):
<a href="#delete-modal" class="btn btn-danger" id="delete">Delete</a>
활성하하려면 앵커 태그:
$('#delete').removeClass('disabled');
$('#delete').attr("data-toggle", "modal");
앵커 비활성화하려면 태그:
$('#delete').addClass('disabled');
$('#delete').removeAttr('data-toggle');
예를 들어, 텍스트 필드 및 전송 버튼을 합니다.
<input type="text" id="text-field" />
<input type="submit" class="btn" value="Submit"/>
예를 들어, 그냥 아무 버튼이나 비활성화하려면 제출됩니다 버튼를 비활성화됨 , 속성과 추가해야 합니다.
$('input[type="submit"]').attr('disabled','disabled');
줄 위에 너회의 onsubmit 버튼를 실행한 후 html 태그 다시그것들을 다음과 같습니다.
<input type="submit" class="btn" value="Submit" disabled/>
버튼을 사용할 수 있도록 하는 등 일부 텍스트를 가지고 있을 때 텍스트 필드에. , 특성을 같이 단추를 활성화하십시오 분리하십시오 비활성화합니다 합니다
if ($('#text-field').val() != '') {
$('input[type="submit"]').removeAttr('disabled');
}
그래서 난 그냥 특정 셨으며 르 달아주세요 that: 비활성화하려면 ".
, &Quot 얼마나 힘든 이런 일이 생길 수 있었을까?
1.& nbsp;; 버튼 ',' 또는 '같은 < button>;;;; 입력 유형 = " < button" > 추가했는지' 속성: '비활성화됨'.
<button type="submit" disabled>Register</button>
<input type="button" value="Register" disabled>
2.& nbsp;; 링크, 스레딩이 https://partner. 사실, 모든 HTML 요소, CSS3 포인터입니다 이벤트 사용할 수 있습니다.
.selector { pointer-events:none; }
포인터입니다 이벤트에 대한 자세한 정보:
https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
그들이 여바바 비활성화됨 *
분명히 이 CSS 오토메이티드 도왔으매:
1.& nbsp;; Like ',' 또는 '버튼, button> < <, 입력 유형 = " button" > 사용하여,', ',' [속성용] 선택기를:
button[disabled] { ... }
input[type=button][disabled] { ... }
ᄋ "이번 도움이 됩니다.
Jquery 를 활용한 새로운 기능을 확장할 수 있는 포괄적인 오토메이티드 @james 도널리 공급하고 있다. 즉 자신의 코드를 맞춰 갈 수 있는 좋은 아이디어, 그래서 그러하매 작동하잖아 운행에서어떠한 데릭쉐퍼드와 迈向.
$.fn.disable=-> setState $(@), true
$.fn.enable =-> setState $(@), false
$.fn.isDisabled =-> $(@).hasClass 'disabled'
setState=($el, state) ->
$el.each ->
$(@).prop('disabled', state) if $(@).is 'button, input'
if state then $(@).addClass('disabled') else $(@).removeClass('disabled')
$('body').on('click', 'a.disabled', -> false)
$('.btn-stateful').disable()
$('#my-anchor').enable()
이 코드는 요소이거나 바뀌엇어요 단일 프로세스 요소.
버튼 및 투입물 지지하는 '로 설정된 경우' true ',' 비활성화됨 속성과 그들이 불지윽으로 여바바 해제됨 (덕분에 부트스트랩에) 와 볼지옥으로 클릭하면 않습니다.
물론 이 경우 이 링크를 클릭하면 첨부되었는지 도움이 되지 않는 사용자 정의 처리기에서 생각하신거야 사용할 때 매우 흔한 부트스트랩과 포함한다. 이와 함께 사용할 수 있도록 지금부터 한ᆞ미 접근 금지 ' ()' 의 '클래스' 오드리사블데 확장명은 이디사블데 테스트하려면 다음과 같습니다.
$('#my-anchor').click ->
return false if $(@).isDisabled()
# do something useful
조금 셨으며 단순해집니다 바란다.
참고로 there& # 39 의 경우, re Bootstrap& you& 이상한 문제, s & # 39 를 사용하여 # 39 JS 단추와 # 39 loading& # 39;; 상태. # 39, t know why i don& here& # 39 의 이 같은 일이 있지만, 어떻게 해결할 수 있습니다.
Say you have a 버튼과 이를 로드중 스테이드 설정할 수 있습니다.
var myButton = $('#myBootstrapButton');
myButton.button('loading');
참가를 원하는 아웃해야 로드중 뿐만 아니라, 지금 이 상태로 비활성화합니다 (예를들면 버튼를 모함이야 저장 버튼을 스테이드 timerevent 로드중 지속적으로 검증 및 검증 실패). 이 모양을 합리적인 부트스트랩에 JS:
myButton.button('reset').prop('disabled', true); // DOES NOT WORK
죄송합니다. 재설정됩니다 버튼를 것이 아니라 비활성화합니다. 언뜻 보면 '지연' 버튼 () 는 일부 과제다. 그래서 you& # 39, ll 너회의 비활성화하기 이후로 수도 있습니다.
myButton.button('reset');
setTimeout(function() { myButton.prop('disabled', true); }, 0);
하지만 약간 귀찮은 it& I& # 39 m, s # 39 패턴을 사용하여, 많이유.
좋은 답변 및 기여 모든! 난 이미 이 기능을 확장하는 데 약간 포함시키십시오 비활성화하기 (select) 요소:
jQuery.fn.extend({
disable: function (state) {
return this.each(function () {
var $this = jQuery(this);
if ($this.is('input, button'))
this.disabled = state;
else if ($this.is('select') && state)
$this.attr('disabled', 'disabled');
else if ($this.is('select') && !state)
$this.removeAttr('disabled');
else
$this.toggleClass('disabled', state);
});
}});
날 위해 일하는 것으로 보인다. 모두 감사합니다!
난 항상 '단추를 사용하여 해당 종류의 비헤이비어를 이케리위' 위젯, 내가 사용하는 경우 링크 및 踰꾪듉.
Html 내에서 태그를 정의하십시오.
<button id="sampleButton">Sample Button</button>
<a id="linkButton" href="yourHttpReferenceHere">Link Button</a>
Jquery 사용하여 초기화하려면 버튼:
$("#sampleButton").button();
$("#linkButton").button();
'그들' 단추를 사용하여 비활성화하려면 / 활성화하십시오 위젯 방법:
$("#sampleButton").button("enable"); //enable the button
$("#linkButton").button("disable"); //disable the button
버튼 및 커서 비헤이비어를 잘있게나 될 수 있지만, 더 할 경우 그 다음 페이지 내에서 CSS 스타일 및 변경하십시오 버튼를 비활성화되면 덮어씁니다 클래스뿐만 CSS 스타일 파일입니다.
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
background-color:aqua;
color:black;
}
하지만 잊지 말아요 이러한 CSS 클래스 (변경된 경우) 가 다른 위젯을 스타일을 변경하십시오 너무.
그러나 이는 오히려 제가 이 질문에 답을 말 빛위에 검색할 때 비활성화하려면 곷떒 클하면 부스트라프 길을 발견했다, 어쩌면 그 좋은 효과 (프리에) 는 회전자) 추가. # 39, ve com/downloads/global/corporate/iar/esg_prosupport. i& 숭배자들로부터도 라이브러리란 않는 정확히요 다음과 같이 밝혔다:
http://msurguy.github.io/ladda-bootstrap/
Css, js, 일부 등록 방금 포함시키십시오 필요한 추가 데이터베이스에구성원을 곷떒 라다 자동차 및 활성화하십시오 javascript 와. 프레스토! 네 踰꾪듉 전혀 새로운 라이프 (dbasyb 아름다운 데모 확인할 수 있다.
하지만 내가 답이 가장 쉬운 방법은 & # 39 이것은 말 IMO 버튼을 토글하십시오 enable& # 39;; # 39, & # 39 와 버튼를 disable&.
function toggleButtonState(button){
//If button is enabled, -> Disable
if (button.disabled === false) {
button.disabled = true;
//If button is disabled, -> Enable
} else if (button.disabled === true) {
button.disabled = false;
}
}
이 같은 페이지의 곷떒 가정합니다.
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit"value="Enable All" onclick="change()"/>
이 js 코드:
function change(){
var toenable = document.querySelectorAll(".byBtn");
for (var k in toenable){
toenable[k].removeAttribute("disabled");
}
}