JQuery ile bir giri┼či devre d─▒┼č─▒ b─▒rak / etkinle┼čtir?


Al─▒nan cevaba git


 $input.disabled = true;
 

veya

 $input.disabled = "disabled";
 

Standart yol hangisi? Tersine, engelli bir giri┼či nas─▒l etkinle┼čtirirsiniz?


2191





2009-09-12




Cevap say─▒s─▒n─▒ say: 17






jQuery 1.6+

├ľzelli─či de─či┼čtirmek disabled i├žin .prop() i┼člevi kullanman─▒z gerekir .

 $("input").prop('disabled', true);
$("input").prop('disabled', false);
 

jQuery 1.5 ve alt─▒

.prop() Fonksiyon mevcut de─čil, .attr() benzer yapar:

Devre d─▒┼č─▒ b─▒rak─▒lan niteli─či ayarlay─▒n.

 $("input").attr('disabled','disabled');
 

Tekrar etkinle┼čtirmek i├žin uygun y├Ântem kullanmakt─▒r. .removeAttr()

 $("input").removeAttr('disabled');
 

JQuery'nin herhangi bir s├╝r├╝m├╝nde

Her zaman ger├žek DOM nesnesine g├╝venebilirsiniz ve yaln─▒zca tek bir ├Â─čeyle u─čra┼č─▒yorsan─▒z muhtemelen di─čer iki se├ženekten biraz daha h─▒zl─▒ olabilir:

 // assuming an event handler thus 'this'
this.disabled = true;
 

.prop() Veya .attr() y├Ântemlerini kullanman─▒n avantaj─▒ , bir dizi se├žili ├Â─če i├žin ├Âzelli─či ayarlayabilmenizdir.


Not: 1.6'da .removeProp() , kula─ča ├žok benzeyen bir y├Ântem var removeAttr() , ancak belgelerde Excerpt gibi yerel ├Âzelliklerde KULLANILMAMALIDIR 'disabled' :

Not: Bu y├Ântemi i┼čaretli, devre d─▒┼č─▒ veya se├žili gibi yerel ├Âzellikleri kald─▒rmak i├žin kullanmay─▒n. Bu, ├Âzelli─či tamamen kald─▒racak ve kald─▒r─▒ld─▒ktan sonra, ├Â─čeye tekrar eklenemez. Bunun yerine false olarak ayarlamak i├žin .prop () i┼člevini kullan─▒n.

Asl─▒nda, bu y├Ântem i├žin pek ├žok me┼čru kullan─▒m oldu─čundan ┼č├╝pheliyim, boole ara├žlar─▒ 1.5ÔÇÖteki "├Âznitelikleri" gibi "kald─▒r" yerine "kald─▒rmalar─▒" i├žin onlar─▒ yanl─▒┼č ayarlayacak ┼čekilde yap─▒l─▒r.


3699







Sadece yeni konvansiyonlar && i├žin ileriye d├Ân├╝k olarak uyarlanabilir hale getirmek i├žin (ECMA6 ile ├Ânemli ┼čeyler de─či┼čmedi─či s├╝rece (????):

 $(document).on('event_name', '#your_id', function() {
    $(this).removeAttr('disabled');
});
 

ve

 $(document).off('event_name', '#your_id', function() {
    $(this).attr('disabled','disabled');   
});
 

55







     // Disable #x
    $( "#x" ).prop( "disabled", true );
    // Enable #x
    $( "#x" ).prop( "disabled", false );
 

Bazen giri┼č veya metin gibi form ├Â─česini devre d─▒┼č─▒ b─▒rakman─▒z / etkinle┼čtirmeniz gerekir. Jquery, "disabled" olarak devre d─▒┼č─▒ b─▒rak─▒lm─▒┼č ├Âzniteli─či ayarlayarak bunu kolayca yapman─▒za yard─▒mc─▒ olur. ├ľrne─čin:

   //To disable 
  $('.someElement').attr('disabled', 'disabled');
 

Devre d─▒┼č─▒ b─▒rak─▒lm─▒┼č ├Â─čeyi etkinle┼čtirmek i├žin, "devre d─▒┼č─▒" ├Âzniteli─čini bu ├Â─čeden kald─▒rman─▒z veya dizesini bo┼čaltman─▒z gerekir. ├ľrne─čin:

 //To enable 
$('.someElement').removeAttr('disabled');

// OR you can set attr to "" 
$('.someElement').attr('disabled', '');
 

bak─▒n─▒z: http://garmoncheg.blogspot.fr/2011/07/how-to-disableenable-element-with.html


31







 $("input")[0].disabled = true;
 

veya

 $("input")[0].disabled = false;
 

13







Bunu kodunuzda global bir yere koyabilirsiniz:

 $.prototype.enable = function () {
    $.each(this, function (index, el) {
        $(el).removeAttr('disabled');
    });
}

$.prototype.disable = function () {
    $.each(this, function (index, el) {
        $(el).attr('disabled', 'disabled');
    });
}
 

Ve sonra ┼č├Âyle ┼čeyler yazabilirsiniz:

 $(".myInputs").enable();
$("#otherInput").disable();
 

8







Yaln─▒zca mevcut durumu tersine ├ževirmek istiyorsan─▒z (ge├ži┼č d├╝─čmesi davran─▒┼č─▒ gibi):

 $("input").prop('disabled', ! $("input").prop('disabled') );
 

6


2014-09-12





Bunlar─▒ kullanman─▒n herhangi bir ├Â─čeyi etkinle┼čtirip devre d─▒┼č─▒ b─▒rakman─▒n bir├žok yolu vard─▒r :

Yakla┼č─▒m 1

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

Yakla┼č─▒m 2

 $("#txtName").attr("disabled", "disabled");
 

E─čer jQuery 1.7 veya daha y├╝ksek bir versiyon kullan─▒yorsan─▒z, attr () yerine prop () kullan─▒n.

 $("#txtName").prop("disabled", "disabled");
 

Herhangi bir ├Â─čeyi etkinle┼čtirmek istiyorsan─▒z, devre d─▒┼č─▒ b─▒rakmak i├žin yapt─▒klar─▒n─▒z─▒n tam tersini yapman─▒z gerekir. Ancak, jQuery, herhangi bir niteli─či kald─▒rmak i├žin ba┼čka bir yol sa─člar.

Yakla┼č─▒m 1

 $("#txtName").attr("disabled", false);
 

Yakla┼č─▒m 2

 $("#txtName").attr("disabled", "");
 

Yakla┼č─▒m 3

 $("#txtName").removeAttr("disabled");
 

Yine, jQuery 1.7 veya daha y├╝ksek bir versiyon kullan─▒yorsan─▒z, attr () yerine prop () kullan─▒n. Bu. JQuery kullanarak herhangi bir ├Â─čeyi b├Âyle etkinle┼čtirir veya devre d─▒┼č─▒ b─▒rak─▒rs─▒n─▒z.


4







2018 G├╝ncelle┼čtirmesi:

┼×imdi orada jQuery gerek var ve bu bir oldu iken beri document.querySelector ya document.querySelectorAll neredeyse tamamen ayn─▒ i┼či yapmak (├žoklu elementler i├žin) $ art─▒ daha a├ž─▒k olanlar getElementById , getElementsByClassName , getElementsByTagName

"─░nput-checkbox" s─▒n─▒f─▒n─▒n bir alan─▒n─▒ devre d─▒┼č─▒ b─▒rakma

 document.querySelector('.input-checkbox').disabled = true;
 

veya ├žoklu elemanlar

 document.querySelectorAll('.input-checkbox').forEach(el => el.disabled = true);
 

2







JQuery'yi kullanarak dinamik olarak form ├Â─česini devre d─▒┼č─▒ b─▒rakmak veya etkinle┼čtirmek veya dinamik olarak kontrol etmek i├žin jQuery prop () y├Ântemini kullanabilirsiniz. Prop () y├Ântemi jQuery 1.6 ve yukar─▒s─▒n─▒ gerektirir.

├ľrnek:

 <script type="text/javascript">
        $(document).ready(function(){
            $('form input[type="submit"]').prop("disabled", true);
            $(".agree").click(function(){
                if($(this).prop("checked") == true){
                    $('form input[type="submit"]').prop("disabled", false);
                }
                else if($(this).prop("checked") == false){
                    $('form input[type="submit"]').prop("disabled", true);
                }
            });
        });
    </script>
 

2







Devre D─▒┼č─▒:

 $('input').attr('readonly', true); // Disable it.
$('input').addClass('text-muted'); // Gray it out with bootstrap.
 

Etkinle┼čtirme:

 $('input').attr('readonly', false); // Enable it.
$('input').removeClass('text-muted'); // Back to normal color with bootstrap.
 

1







bu benim i├žin ├žal─▒┼č─▒yor

 $("#values:input").attr("disabled",true);
$("#values:input").attr("disabled",false);
 

1







@Gnarf cevap kulland─▒m ve fonksiyon olarak ekledim

    $.fn.disabled = function (isDisabled) {
     if (isDisabled) {
       this.attr('disabled', 'disabled');
     } else {
       this.removeAttr('disabled');
     }
   };
 

O zaman b├Âyle kullan

 $('#myElement').disable(true);
 

0







2018, JQuery olmadan (ES6)

T├╝m├╝n├╝ devre d─▒┼č─▒ b─▒rak input :

 [...document.querySelectorAll('input')].map(e => e.disabled = true);
 

Devre D─▒┼č─▒ input ile id="my-input"

 document.getElementById('my-input').disabled = true;
 

Soru ile sadece Bilginize var, JQuery.


0







Giri┼č t├╝r├╝ i├žin true se├žene─čini devre d─▒┼č─▒ b─▒rak─▒n:

Belirli bir giri┼č tipi olmas─▒ durumunda ( ├ľrn. Metin tipi giri┼či )

 $("input[type=text]").attr('disabled', true);
 

T├╝m giri┼č tipi tipleri i├žin

 $("input").attr('disabled', true);
 

0







Bunun gibi kullan─▒n

  $( "#id" ).prop( "disabled", true );

    $( "#id" ).prop( "disabled", false );
 

0







 <html>
<body>

Name: <input type="text" id="myText">



<button onclick="disable()">Disable Text field</button>
<button onclick="enable()">Enable Text field</button>

<script>
function disable() {
    document.getElementById("myText").disabled = true;
}
function enable() {
    document.getElementById("myText").disabled = false;
}
</script>

</body>
</html>
 

-1


2015-09-26





JQuery Mobile'da:

Devre d─▒┼č─▒ b─▒rakmak i├žin

 $('#someselectElement').selectmenu().selectmenu('disable').selectmenu('refresh', true);
$('#someTextElement').textinput().textinput('disable');
 

Etkinle┼čtirmek i├žin

 $('#someselectElement').selectmenu().selectmenu('enable').selectmenu('refresh', true);
$('#someTextElement').textinput('enable');
 

-1



─░lgili yay─▒nlar


D├╝─čmeleri ve ba─člant─▒lar─▒ devre d─▒┼č─▒ b─▒rakman─▒n / etkinle┼čtirmenin en kolay yolu nedir (jQuery + Bootstrap)

JQuery ile bir ├Â─čeye ba─čl─▒ olaylar─▒ bulabilir miyim?

JQuery / Javascript ile bir dizi implode?

JQuery kullanarak se├žim alan─▒ nas─▒l devre d─▒┼č─▒ b─▒rak─▒l─▒r / etkinle┼čtirilir?

JQuery ile bir iframe yeniden y├╝kle

JQuery ile iframe i├žeri─čine nas─▒l eri┼čilir?

Bir fare t─▒klatmas─▒n─▒n X / Y koordinatlar─▒n─▒ jQuery [duplicate] olan bir resmin ├╝zerine almak

Jquery ile gizli giri┼čin de─čerini ayarlay─▒n

Yap─▒┼čt─▒rma (Ctrl + V) jQuery ile nas─▒l devre d─▒┼č─▒ b─▒rak─▒l─▒r?

JQuery ile Array, ayn─▒ ada sahip birden ├žok <input> ile nas─▒l elde edilir

Etiketle ilgili di─čer sorular [javascript]


Git'te b├╝y├╝k k├╝├ž├╝k harf duyarl─▒ yaln─▒zca dosya ad─▒ de─či┼čikliklerini nas─▒l yapabilirim?

Global Git yoksay

Bir DIV'yi ekranda ortalamak i├žin jQuery'yi kullanma

** kwargs'in amac─▒ ve kullan─▒m─▒ nedir?

Bo┼čluk karakterini kodlayan URL: + veya% 20?

Kay─▒p httpd.conf dosyas─▒ bulunan apache [kapal─▒]

Bu s├Âzl├╝k anahtar─▒n─▒n C# 'da olup olmad─▒─č─▒n─▒ nas─▒l anlayabilirim?

Dizinleri art arda Java ile sil

Tepki-yerelde klavyeyi gizle

Javax.servlet API'sini Eclipse projemde nas─▒l i├že aktar─▒r─▒m?