40 Soru: JQuery ile bir onay kutusu için "kontrol" ayarlandı?

tarafından oluşturulan soru Fri, Mar 11, 2016 12:00 AM

jQuery kullanarak bir checkbox işaretlemek için böyle bir şey yapmak istiyorum:

 
$(".myCheckBox").checked(true);

veya

 
$(".myCheckBox").selected(true);

Böyle bir şey var mı?

    
3883
  1. Daha spesifik (ve çok kullanışlı!) bir soru, "Bir onay kutusu tarafından ayarlanan bir öğeyi nasıl kontrol edebilirim?", burada da tartışabileceğimizi düşünüyorum. ve aşağıya bir cevap gönderdim.
    2012-03-09 12: 36: 34Z
  2. Burada jQuery kullanarak bunu yapmanın diğer yollarını kontrol edin stackoverflow.com/a/22019103/1868660
    2014-02-25 15: 46: 08Z
  3. Tetiklenen onchange olayına ihtiyacınız varsa, $("#mycheckbox").click(); olur
    2015-05-11 14: 06: 24Z
  4. "Bir şeyi kontrol etmek" test etmeyi önerir, bu nedenle 'Onay kutusunu işaretli hale getirme' daha net ve daha iyi bir başlıktır.
    2015-05-12 17: 26: 09Z
  5. prop (); fonksiyon mükemmel cevaptır. İşlev tanımına bakın - api.jquery.com/prop
    2016-05-23 15: 01: 01Z
  6. 30 Yanıtlar                              30                         

    jQuery 1.6+

    Yeni .prop() yöntemini kullanın:

     
    $('.myCheckbox').prop('checked', true);
    $('.myCheckbox').prop('checked', false);
    

    jQuery 1.5.x ve altı

    .prop() yöntemi kullanılamıyor, bu nedenle .attr() . kullanmanız gerekir.

     
    $('.myCheckbox').attr('checked', true);
    $('.myCheckbox').attr('checked', false);
    

    Bunun tarafından kullanılan yaklaşım olduğunu unutmayın jQuery birimi 1.6 sürümünden önce test eder ve kullanılması tercih edilir

     
    $('.myCheckbox').removeAttr('checked');
    

    , ikincisi, kutu ilk olarak işaretliyse, bir aramanın davranışını .reset() - ince ancak muhtemelen istenmeyen davranış değişikliği.

    Daha fazla bağlam için, checked özniteliğinin /özelliğinin 1.5.x'ten 1.6'ya geçişte ele alınmasında yapılan değişikliklerle ilgili bazı eksik tartışmalar sürüm 1.6 sürüm notları ve .prop() belgeleri .

    Herhangi bir jQuery sürümü

    Yalnızca bir öğeyle çalışıyorsanız, yalnızca istediğiniz zaman değiştirebilirsiniz HTMLInputElement 'un .checked özelliği:

     
    $('.myCheckbox')[0].checked = true;
    $('.myCheckbox')[0].checked = false;
    

    Bunun yerine .prop() ve .attr() yöntemlerini kullanmanın yararı, tüm eşleşen öğeler üzerinde işlem görmeleridir.

        
    5729
    2018-04-29 17: 27: 36Z
    1. @ Xian işaretli özniteliği kaldırmak, formu sıfırlamayı imkansız hale getirir
      2011-03-23 ​​15: 27: 32Z
    2. Bir yandan not olarak, jQuery 1.6.1 bahsettiğim sorunu çözüyor olmalı, bu yüzden hala $(...). (...)
      2011-05-13 20: 08: 53Z
    3. "Yalnızca bir öğeyle çalışıyorsanız, DOMElement.checked = true'u kullanmak her zaman en hızlı olur". Fakat ihmal edilebilirdi, çünkü sadece bir unsur ...
      2012-03-30 09: 32: 56Z
    4. Tyler'ın dediği gibi, performansta önemsiz bir gelişme. Bana göre, ortak bir API kullanarak kodlamak, yerel API ve jQuery API'lerini karıştırmaktan daha okunaklı hale getirir. Ben jQuery ile sopa.
      2012-05-04 16: 28: 15Z
    5. @ TylerCrompton - Tabii ki bu tamamen performansla ilgili değil, $(element).prop('checked')'u yapmak tam bir yazı kaybı. element.checked var ve zaten element’un olduğu durumlarda kullanılmalı
      2012-10-01 23: 35: 23Z

    Kullanım:

     
    $(".myCheckbox").attr('checked', true); // Deprecated
    $(".myCheckbox").prop('checked', true);
    

    Bir onay kutusunun işaretli olup olmadığını kontrol etmek istiyorsanız:

     
    $('.myCheckbox').is(':checked');
    
        
    669
    2015-03-18 18: 34: 03Z
    1. ayrıca $(selector) .kontrol etmek için işaretlendi kontrol edildi
      2011-05-02 23: 56: 23Z
    2. Bu tam kodu denedim ve tümünü seç /seç veya hiçbirini seçmeden önce işaretlemenin ve işaretlemenin kaldırılması gereken onay kutusunu seçmem durumunda işe yaramadı onların devleti. Bunun yerine, @Hristopher Harris'in cevabını denedim ve bu işe yaradı.
      2013-03-28 01: 26: 21Z
    3. Neden sadece "#mycheckbox" yerine "form #mycheckbox" kullanıyor? Kimlik, tüm belgede zaten benzersiz, doğrudan seçmek daha hızlı ve kolaydır.
      2013-10-11 15: 27: 03Z
    4. @ YuriAlbuquerque bu bir örnekti. İstediğiniz seçiciyi kullanabilirsiniz.
      2013-10-13 00: 14: 28Z
    5. $(selector) .checked çalışmıyor. JQuery'de 'kontrol edilmiş' bir yöntem yoktur.
      2015-10-07 16: 42: 39Z

    Bu, platformlar arası standart olduğu için jQuery ile onay kutularını kontrol etmenin ve işaretlemenin doğru yoludur ve form depolarına izin verir.

     
    $('.myCheckBox').each(function(){ this.checked = true; });
    
    $('.myCheckBox').each(function(){ this.checked = false; });
    

    Bunu yaparak, onay kutularını işaretlemek ve işaretlerini kaldırmak için JavaScript standartlarını kullanıyorsunuz, bu nedenle onay kutusu öğesinin "kontrol edilen" özelliğini doğru şekilde uygulayan herhangi bir tarayıcı bu kodu kusursuz bir şekilde çalıştıracak. Bu tüm ana tarayıcılar olmalı, ancak Internet Explorer 9’dan önceki testlerini yapamıyorum.

    Sorun (jQuery 1.6):

    Kullanıcı bir onay kutusunu tıkladığında, bu kontrol kutusu "kontrol edilen" özellik değişikliklerine yanıt vermeyi durdurur.

    Birisi onay kutusunu tıkladıktan sonra (bu Chrome'da gerçekleşir) sonra işi yapamayan onay kutusu özelliğinin bir örneği.

    Fiddle

    Çözüm:

    JavaScript’in DOM öğelerinde "kontrol edilmiş" özelliğini kullanarak, sorunu doğrudan çözebiliriz, yerine DOM’u ne yapmak istiyorsak yapmak için ne yapmak istediğine uyacak şekilde manipüle etmeye çalışıyorum.

    Fiddle

    Bu eklenti, jQuery tarafından seçilen öğelerin işaretli özelliklerini değiştirir ve her koşulda onay kutularını başarıyla işaretler ve işaretlerini kaldırır. Bu nedenle, bu aşırı bir çözüm gibi görünse de, sitenizin kullanıcı deneyimini daha iyi hale getirecek ve kullanıcının sıkıntı yaşamasını önleyecektir.

     
    (function( $ ) {
        $.fn.checked = function(value) {
            if(value === true || value === false) {
                // Set the value of the checkbox
                $(this).each(function(){ this.checked = value; });
            } 
            else if(value === undefined || value === 'toggle') {
                // Toggle the checkbox
                $(this).each(function(){ this.checked = !this.checked; });
            }
    
            return this;
        };
    })( jQuery );
    

    Alternatif olarak, bir eklenti kullanmak istemiyorsanız, aşağıdaki kod parçacıklarını kullanabilirsiniz:

     
    // Check
    $(':checkbox').prop('checked', true);
    
    // Un-check
    $(':checkbox').prop('checked', false);
    
    // Toggle
    $(':checkbox').prop('checked', function (i, value) {
        return !value;
    });
    
        
    300
    2015-07-31 13: 43: 36Z
    1. İlk JSFiddle örneğinde, removeAttr('checked') yerine attr('checked', false) kullanmalısın
      2012-01-30 07: 00: 08Z
    2. @ DanielXMoore, Siz 'konunun etrafında süpürüyoruz. Örnek, onay kutusu kullanıcı tarafından tıklandıktan sonra, tarayıcının artık checked özellik değişikliğine yanıt vermediğini, değiştirmek için kullanılan yöntemin ne olursa olsun olduğunu göstermekti.
      2012-01-30 13: 28: 29Z
    3. @ ChristopherHarris Tamam, haklısın, bunu özledim. JQuery 1.6'dan itibaren .prop yöntemini kullanmamalısınız? $('.myCheckBox').prop('checked', true) Bu şekilde, eşleşen tüm öğeler kümesine otomatik olarak uygulanacaktır (yalnızca ayarlarken, yalnızca hala ilk seçildiğinde)
      2012-02-02 01: 45: 40Z
    4. Evet. prop kesinlikle bir öğeye öznitelik ayarlamak için uygun bir yoldur.
      2012-02-02 02: 40: 32Z
    5. @ ChristopherHarris, biraz parametre esnekliği sağlamak için eklentiye ihtiyacım olanı ekledim. Bu, tür dönüştürmesi olmadan satır içi işlemeyi kolaylaştırdı. Esp, "doğru" ne olduğu konusunda 'fikirleri' olan ayrı veritabanlarından. Keman: jsfiddle.net/Cyberjetx/vcp96
      2014-03-04 03: 59: 27Z

    Yapabilirsin

     
    $('.myCheckbox').attr('checked',true) //Standards compliant
    

    veya

     
    $("form #mycheckbox").attr('checked', true)
    

    Açılmak istediğiniz onay kutusunun onclick etkinliğinde özel kodunuz varsa, bunu kullanın:

     
    $("#mycheckbox").click();
    

    Özelliği tamamen kaldırarak işareti kaldırabilirsiniz:

     
    $('.myCheckbox').removeAttr('checked')
    

    Bunun gibi tüm onay kutularını işaretleyebilirsiniz:

     
    $(".myCheckbox").each(function(){
        $("#mycheckbox").click()
    });
    
        
    140
    2011-12-29 18: 18: 24Z
    1. $'a da gidebilirsiniz ("# myTable input: checkbox"). every (...);
      2009-01-08 22: 37: 51Z
    2. Ayrıca $(".myCheckbox").click() gidebilirsiniz
      2010-09-20 11: 49: 06Z
    3. @ Michah, işaretli özniteliği kaldırmak, formu sıfırlamayı imkansız hale getirir
      2011-03-23 ​​15: 32: 40Z
    4. Bu cevap modası geçmiş çünkü .attr yerine .prop kullanmaktadır.
      2014-01-21 14: 15: 55Z
    5. $("#mycheckbox").click();, aynı zamanda olayı değiştirmeyi dinlerken ve .attr & .prop olay değişikliği yapılmadı.
      2017-05-01 06: 30: 54Z

    $.fn nesnesini yeni yöntemlerle de genişletebilirsiniz:

     
    (function($)  {
       $.fn.extend({
          check : function()  {
             return this.filter(":radio, :checkbox").attr("checked", true);
          },
          uncheck : function()  {
             return this.filter(":radio, :checkbox").removeAttr("checked");
          }
       });
    }(jQuery));
    

    O zaman yapabilecekleriniz:

     
    $(":checkbox").check();
    $(":checkbox").uncheck();
    

    Veya bu adları kullanan başka bir kütüphane kullanıyorsanız, onlara mycheck () ve myuncheck () gibi daha fazla benzersiz adlar vermek isteyebilirsiniz.

        
    75
    2010-08-20 18: 19: 03Z
    1. @ livfree75, kontrol edilen özelliği kaldırmak, formu sıfırlamayı imkansız hale getirir
      2011-03-23 ​​15: 32: 58Z
    2. Bu cevap modası geçmiş çünkü .attr yerine .prop kullanmaktadır.
      2014-01-21 14: 16: 16Z
     
    $("#mycheckbox")[0].checked = true;
    $("#mycheckbox").attr('checked', true);
    $("#mycheckbox").click();
    

    Sonuncusu onay kutusu için click olayını tetikler, diğerleri olmaz. Öyleyse, ateşlemek istediğiniz onay kutusu için onclick etkinliğinde özel kodunuz varsa, sonuncuyu kullanın.

        
    63
    2009-02-03 17: 06: 43Z
    1. ilk olan başarısız olacak ... kontrol edilen bir jquery nesnesi üyesi değil
      2009-01-09 00: 20: 07Z
    2. Bu cevap modası geçmiş çünkü .attr yerine .prop kullanmaktadır.
      2014-01-21 14: 16: 39Z

    Bir onay kutusunu işaretlemek için kullanmanız gereken

     
     $('.myCheckbox').attr('checked',true);
    

    veya

     
     $('.myCheckbox').attr('checked','checked');
    

    ve bir onay kutusunun işaretini kaldırmak için her zaman false olarak ayarlamanız gerekir:

     
     $('.myCheckbox').attr('checked',false);
    

    Yaparsanız

     
      $('.myCheckbox').removeAttr('checked')
    

    özelliği birlikte kaldırır ve bu nedenle formu sıfırlayamazsınız.

    BAD DEMO jQuery 1.6 . Bence bu bozuldu. 1.6 için bu konuda yeni bir yazı yapacağım.

    YENİ ÇALIŞMA DEMO jQuery 1.5.2 Chrome'da çalışıyor.

    Her iki demo da kullanır

     
    $('#tc').click(function() {
        if ( $('#myCheckbox').attr('checked')) {
            $('#myCheckbox').attr('checked', false);
        } else {
            $('#myCheckbox').attr('checked', 'checked');
        }
    });
    
        
    61
    2011-12-29 18: 21: 55Z
    1. Bu yanlış. 'checked' özelliğini '' olarak ayarlamak, en azından chrome'daki onay kutularının işaretini kaldırmayacak olmaz .
      2011-05-06 05: 58: 05Z
    2. @ xixonia Kemanınızı yayınlamadan önce test ettim çünkü soldaki menüyü jquery içerecek şekilde değiştirmediniz
      2011-05-06 18: 44: 35Z
    3. mcgralim - 1.6'da daha da kolay .... $(".mycheckbox").prop("checked", true/false)
      2011-05-06 20: 11: 30Z
    4. @ MarkAmery, gönderim sırasında gönderim sırasında hiçbir şey eklemediğini ancak doğru olduğunu belirtti. Kabul edilen cevabın geçmişine bakarsanız, öğeyi kaldırmayı önerdiklerini göreceksiniz. Bu, formun sıfırlanmasını imkansız hale getirir, bu yüzden başlamak için gönderdiğim mesaj.
      2014-12-15 14: 50: 10Z
    5. @ mcgrailm Devam ettim ve kabul edilen cevabınızı düşünceleriniz ışığında değiştirdim. Üzerine göz atmak ve şu anki durumunda iyi görünüp görünmediğini kontrol etmek istersen, memnun olurum. En azından kısmen yüksek oranda yanlış yönlendirilmiş sert eleştiriler sunduğum için tekrar özür dilerim.
      2014-12-15 16: 54: 38Z

    Bu, belirtilen "ckbItem" alt dizesini içeren bir değere sahip belirtilen özelliğe sahip öğeleri seçer:

     
    $('input[name *= ckbItem]').prop('checked', true);
    

    ckbItem öğesini ad özniteliğinde içeren tüm öğeleri seçecektir.

        
    46
    2018-07-18 13: 44: 09Z

    Sorunun olduğunu varsayarak ...

    BY VALUE ile onay kutusu ayarını nasıl kontrol edebilirim?

    Tipik bir onay kutusu kümesinde, tüm giriş etiketlerinin aynı ada sahip olduğunu unutmayın, value özelliğine göre farklılık gösterir : kümenin her girişi için kimlik yoktur.

    Xian'ın cevabı, aşağıdaki kod satırını kullanarak daha belirli bir seçiciyle genişletilebilir:

     
    $("input.myclass[name='myname'][value='the_value']").prop("checked", true);
    
        
    45
    2014-06-09 15: 07: 56Z

    Çözümü özlüyorum. Her zaman kullanacağım:

     
    if ($('#myCheckBox:checked').val() !== undefined)
    {
        //Checked
    }
    else
    {
        //Not checked
    }
    
        
    44
    2014-12-13 16: 43: 53Z
    1. Bu soruya cevap vermiyor (soru, bir onay kutusunun işaretlenip işaretlenmediğini değil, bir onay kutusunun işaretlenip işaretlenmediğini belirliyor). Ayrıca, onay kutusunun işaretlenip işaretlenmediğini belirlemenin oldukça çirkin bir yoludur (birincisi, .val()'un bir jQuery nesnesinin boş olduğunu algılamak için 0 öğesinde çağrıldığında her zaman undefined değerini döndüreceğini açık bir şekilde kullanıyorsunuz. bunun yerine .length'unu kontrol edebilirsiniz) - jquery"> kullanarak 2014-12-14 23: 47: 58Z

    jQuery 1.6 veya üstünü kullanarak bir onay kutusunu işaretlemek için şunu yapın:

     
    checkbox.prop('checked', true);
    

    İşaretini kaldırmak için şunu kullanın:

     
    checkbox.prop('checked', false);
    

    JQuery kullanarak bir onay kutusunu değiştirmek için kullanmak istediğim şey:

     
    checkbox.prop('checked', !checkbox.prop('checked'));
    

    jQuery 1.5 veya daha düşük bir sürümünü kullanıyorsanız:

     
    checkbox.attr('checked', true);
    

    İşaretini kaldırmak için şunu kullanın:

     
    checkbox.attr('checked', false);
    
        
    41
    2017-05-09 13: 23: 02Z

    İşte jQuery olmadan yapmanın bir yolu

     
    function addOrAttachListener(el, type, listener, useCapture) {
      if (el.addEventListener) {
        el.addEventListener(type, listener, useCapture);
      } else if (el.attachEvent) {
        el.attachEvent("on" + type, listener);
      }
    };
    
    addOrAttachListener(window, "load", function() {
      var cbElem = document.getElementById("cb");
      var rcbElem = document.getElementById("rcb");
      addOrAttachListener(cbElem, "click", function() {
        rcbElem.checked = cbElem.checked;
      }, false);
    }, false);
    <label>Click Me!
      <input id="cb" type="checkbox" />
    </label>
    <label>Reflection:
      <input id="rcb" type="checkbox" />
    </label>
        
    36
    2016-05-10 09: 58: 32Z

    Bunu dene:

     
    $('#checkboxid').get(0).checked = true;  //For checking
    
    $('#checkboxid').get(0).checked = false; //For unchecking
    
        
    30
    2013-02-16 10: 33: 47Z

    Burada, bir düğme ile işaretlenen ve işaretlenmeyen kod:

     
    var set=1;
    var unset=0;
    jQuery( function() {
        $( '.checkAll' ).live('click', function() {
            $( '.cb-element' ).each(function () {
                if(set==1){ $( '.cb-element' ).attr('checked', true) unset=0; }
                if(set==0){ $( '.cb-element' ).attr('checked', false); unset=1; }
            });
            set=unset;
        });
    });
    

    Güncelleme: İşte attr'un yerine geçen daha yeni Jquery 1.6+ prop yöntemini kullanan aynı kod bloğu:

     
    var set=1;
    var unset=0;
    jQuery( function() {
        $( '.checkAll' ).live('click', function() {
            $( '.cb-element' ).each(function () {
                if(set==1){ $( '.cb-element' ).prop('checked', true) unset=0; }
                if(set==0){ $( '.cb-element' ).prop('checked', false); unset=1; }
            });
            set=unset;
        });
    });
    
        
    29
    2017-04-11 15: 55: 04Z
    1. Bu cevap modası geçmiş çünkü .attr yerine .prop kullanmaktadır.
      2014-01-21 14: 18: 56Z

    Özniteliği kontrol ettirmek için elementObject'u jQuery ile kullanabiliriz:

     
    $(objectElement).attr('checked');
    

    Bunu tüm jQuery sürümleri için hatasız olarak kullanabiliriz.

    Güncelleme: Jquery 1.6+, attr'nin yerine geçen yeni prop yöntemine sahiptir, örneğin:

     
    $(objectElement).prop('checked');
    
        
    27
    2017-04-11 15: 53: 21Z
    1. Bu cevap modası geçmiş çünkü .attr yerine .prop kullanmaktadır.
      2014-01-21 14: 18: 19Z

    Uygulama geliştirme yaparken PhoneGap kullanıyorsanız ve anında göstermek istediğiniz düğmede bir değeriniz vardır. , bunu yapmayı unutmayın

     
    $('span.ui-[controlname]',$('[id]')).text("the value");
    

    Bu aralık olmadan, arabirimin ne yaparsanız yapın güncelleme yapmayacağını gördüm.

        
    25
    2013-02-16 10: 32: 37Z

    Birden fazla onay kutusunun nasıl kontrol edileceğine ilişkin kod ve demo ...

    http://jsfiddle.net/tamilmani/z8TTt/

     
    $("#check").on("click", function () {
    
        var chk = document.getElementById('check').checked;
        var arr = document.getElementsByTagName("input");
    
        if (chk) {
            for (var i in arr) {
                if (arr[i].name == 'check') arr[i].checked = true;
            }
        } else {
            for (var i in arr) {
                if (arr[i].name == 'check') arr[i].checked = false;
            }
        }
    });
    
        
    24
    2016-02-10 13: 18: 22Z
    1. - 1; $("#check") gibi jQuery seçicilerinin document.getElementsByTagName("input") gibi ham DOM API çağrılarıyla karıştırılması, özellikle for döngülerinin .prop() kullanılarak önlenebileceği göz önüne alındığında, benim için belirsiz görünüyor. Ne olursa olsun bu, yeni bir şey ekleyen bir başka geç cevaptır.
      2014-12-15 18: 33: 08Z

    Başka bir olası çözüm:

     
        var c = $("#checkboxid");
        if (c.is(":checked")) {
             $('#checkboxid').prop('checked', false);
        } else {
             $('#checkboxid').prop('checked', true);
        }
    
        
    20
    2014-07-21 09: 34: 50Z

    Mobil kullanıyorsanız ve arayüzün onay kutusunu işaretlenmemiş olarak güncellemesini ve göstermesini istiyorsanız, aşağıdakileri kullanın:

     
    $("#checkbox1").prop('checked', false).checkboxradio("refresh");
    
        
    18
    2013-01-11 13: 05: 35Z

    olarak Internet Explorer 9 'dan önce Internet Explorer’da bellek sızıntılarının farkında olun href = "http://api.jquery.com/prop/" rel = "noreferrer"> jQuery dokümantasyon durumları :

      

    Sürüm 9’dan önceki Internet Explorer’da, bir DOM ayarlamak için .prop () kullanın   element özelliği basit bir ilkel değerden başka bir şeye   (sayı, dize veya boolean) özellik, bellek sızıntısına neden olabilir   DOM öğesi kaldırılmadan önce kaldırılmaz (.removeProp () kullanılarak)   Belgeden DOM nesnelerinde bellek olmadan değerleri güvenle ayarlamak için   sızıntı varsa, .data () kullanın.

        
    18
    2014-11-22 15: 33: 52Z
    1. Bütün bunlar (doğru) cevapların .prop('checked',true) kullanması nedeniyle ilgisizdir.
      2014-01-21 14: 19: 37Z
    2. Yorumunuzu anladığımdan emin değilim. Bu hala jQuery belgelerinde bulunmaktadır. IE’de bellek sızıntısı olmadığını mı ima ediyorsunuz? 9?
      2014-01-21 20: 53: 17Z
    3. Bu durumda bellek sızıntısı yok, çünkü biz basit bir ilkel değere (Boolean) ayarlıyoruz.
      2014-01-21 20: 56: 35Z

    jQuery 1.6+ için

     
    $('.myCheckbox').prop('checked', true);
    $('.myCheckbox').prop('checked', false);
    

    jQuery 1.5.x ve altı için

     
    $('.myCheckbox').attr('checked', true);
    $('.myCheckbox').attr('checked', false);
    

    Kontrol etmek için

     
    $('.myCheckbox').removeAttr('checked');
    
        
    18
    2015-04-21 10: 29: 07Z

    Kontrol etmek ve işaretini kaldırmak için

     
    $('.myCheckbox').prop('checked', true);
    $('.myCheckbox').prop('checked', false);
    
        
    17
    2013-12-03 02: 18: 05Z
    1. - 1; Bu, zaten şişirilmiş bir iş parçacığına hiç bir değer katmaz. Buradaki kod kabul edilen cevapla tamamen aynıdır.
      2014-12-15 18: 25: 36Z

    @ livefree75’in dediği gibi:

    jQuery 1.5.x ve altı

    $.fn nesnesini yeni yöntemlerle de genişletebilirsiniz:

     
    (function($)  {
       $.fn.extend({
          check : function()  {
             return this.filter(":radio, :checkbox").attr("checked", true);
          },
          uncheck : function()  {
             return this.filter(":radio, :checkbox").removeAttr("checked");
          }
       });
    }(jQuery));
    

    Ancak yeni sürümlerindejQuery, böyle bir şey kullanmalıyız:

    jQuery 1.6+

     
        (function($)  {
           $.fn.extend({
              check : function()  {
                 return this.filter(":radio, :checkbox").prop("checked", true);
              },
              uncheck : function()  {
                 return this.filter(":radio, :checkbox").prop("checked",false);
              }
           });
        }(jQuery));
    

    O zaman yapabilecekleriniz:

     
        $(":checkbox").check();
        $(":checkbox").uncheck();
    
        
    17
    2017-05-21 11: 00: 42Z
     
    $('controlCheckBox').click(function(){
        var temp = $(this).prop('checked');
        $('controlledCheckBoxes').prop('checked', temp);
    });
    
        
    16
    2013-07-16 02: 57: 18Z
    1. - 1, yalnızca kod olarak yanıtladığınız, doğrudan soruyu yanıtlamadığınız ve diğer yanıtların henüz kapsamadığı hiçbir şey eklemediği için.
      2014-12-15 18: 28: 39Z

    Bu muhtemelen en kısa ve en kolay çözümdür:

     
    $(".myCheckBox")[0].checked = true;
    

    veya

     
    $(".myCheckBox")[0].checked = false;
    

    Daha kısa bile olur:

     
    $(".myCheckBox")[0].checked = !0;
    $(".myCheckBox")[0].checked = !1;
    

    İşte bir jsFiddle 'dir.

        
    15
    2014-12-13 16: 46: 09Z

    Düz JavaScript çok basit ve daha az ek yükü var:

     
    var elements = document.getElementsByClassName('myCheckBox');
    for(var i = 0; i < elements.length; i++)
    {
        elements[i].checked = true;
    }
    

    Buradaki örnek

        
    14
    2013-09-23 01: 12: 17Z
    1. @ MarkAmery Kabul edilen cevap jQuery olmadan nasıl yapılacağını kapsamaz. Cevabım, kabul edilen cevaba ek yarar sağlar.
      2014-12-15 20: 12: 47Z

    Kullanarak çalışmasını sağlayamadım:

     
    $("#cb").prop('checked', 'true');
    $("#cb").prop('checked', 'false');
    

    Hem doğru hem de yanlış onay kutusunu işaretler. Benim için işe yarayan şuydu:

     
    $("#cb").prop('checked', 'true'); // For checking
    $("#cb").prop('checked', '');     // For unchecking
    
        
    13
    2014-12-15 18: 44: 58Z
    1. kullanarak jquery 1.7-min
      2012-01-05 13: 27: 40Z
    2. true ve false değil, 'true' ve 'false' değil mi?
      2012-01-05 15: 34: 05Z
    3. "İşe yaramadı" çünkü 'false', true ile sonuçlanan boolean değerine dönüştürüldü - boş dize, false olarak değerlendirildi, böylece "çalıştı". Ne demek istediğimin örneği için bu kemanı inceleyin.
      2012-06-24 11: 41: 31Z
    4. @ chris97ong Düzenlemenizi geri aldım; Birisi "Aşağıdaki kodu kullanmıyor çünkü kullanmayın" dediğinde, düzeltilmesi yorum yapmazken, çalışmadığını söylerken kodu zararlı bir şekilde - özellikle açıklamayı bozduğunda neden , kodun çalışmadığını söyledi. Bununla birlikte, bu cevabın hala biraz kafası karışık ve tpower ve ShadowWizard'ın verdiği nedenlerden dolayı bir aşağı oyu hak ettiğini söyledi.
      2014-12-15 18: 46: 12Z
    5. , boolean için doğru ve yanlış değerleri kullanın, 'true' veya 'false' (dizeler) kullanmayın.
      2015-02-21 22: 34: 07Z

    Şunun gibi bir onay kutusunu işaretlerken:

     
    $('.className').attr('checked', 'checked')
    

    yeterli olmayabilir. Ayrıca aşağıdaki işlevi de çağırmalısınız;

     
    $('.className').prop('checked', 'true')
    

    Özellikle onay kutusunu kaldırdığınızdad özelliği.

        
    13
    2015-03-05 13: 10: 51Z

    İşte tam cevap jQuery kullanarak

    Test ediyorum ve% 100 çalışıyor: D

     
        // when the button (select_unit_button) is clicked it returns all the checed checkboxes values 
        $("#select_unit_button").on("click", function(e){
    
                 var arr = [];
    
                 $(':checkbox:checked').each(function(i){
                     arr[i] = $(this).val(); // u can get id or anything else
                 });
    
                  //console.log(arr); // u can test it using this in google chrome
        });
    
        
    11
    2013-02-27 15: 49: 10Z

    jQuery'de

     
    if($("#checkboxId").is(':checked')){
        alert("Checked");
    }
    

    veya

     
    if($("#checkboxId").attr('checked')==true){
        alert("Checked");
    }
    

    JavaScript’te

     
    if (document.getElementById("checkboxID").checked){
        alert("Checked");
    }
    
        
    10
    2014-04-03 21: 31: 55Z
    1. Bu soruya cevap vermiyor.
      2013-06-10 13: 20: 10Z
    2. Bu cevap modası geçmiş çünkü .attr yerine .prop kullanmaktadır.
      2014-01-21 14: 20: 34Z
kaynak yerleştirildi İşte