JQuery ile bir onay kutusu i├žin "kontrol" ayarland─▒?


Al─▒nan cevaba git


Bir jQuery checkbox kullanarak i┼čaretlemek i├žin b├Âyle bir ┼čey yapmak istiyorum :

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

veya

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

B├Âyle bir ┼čey var m─▒?


3964









Cevap say─▒s─▒n─▒ say: 30






Modern jQuery

Kullan─▒m .prop() :

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

DOM API

Yaln─▒zca bir ├Â─čeyle ├žal─▒┼č─▒yorsan─▒z, her zaman yaln─▒zca alt k─▒sma eri┼čebilir HTMLInputElement ve .checked ├Âzelli─čini de─či┼čtirebilirsiniz :

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

Bunun yerine .prop() ve .attr() y├Ântemlerini kullanman─▒n yarar─▒ , t├╝m e┼čle┼čen ├Â─čelerde ├žal─▒┼čacak olmalar─▒d─▒r.

jQuery 1.5.x ve alt─▒

Bu .prop() y├Ântem kullan─▒lam─▒yor, bu y├╝zden kullanman─▒z gerekiyor .attr() .

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

Bunun, jQuery'nin 1.6 s├╝r├╝m├╝nden ├Ânceki ├╝nite testleri taraf─▒ndan kullan─▒lan yakla┼č─▒m $('.myCheckbox').removeAttr('checked'); oldu─čunu ve kutu ilk ├Ânce i┼čaretlendiyse bir ├ža─čr─▒ davran─▒┼č─▒n─▒ .reset() i├žeren herhangi bir formda - ince fakat muhtemelen de─či┼čtirece─čine g├Âre kullan─▒lmas─▒ tercih edildi─čini unutmay─▒n. istenmeyen davran─▒┼č de─či┼čikli─či.

Daha fazla ba─člam i├žin, checked 1.5.x'ten 1.6'ya ge├ži┼čte ├Âzniteli─čin / ├Âzelli─čin ele al─▒nmas─▒nda yap─▒lan de─či┼čikliklerle ilgili baz─▒ eksik tart─▒┼čmalar , s├╝r├╝m 1.6 s├╝r├╝m notlar─▒nda ve belgelerin ├ľznitelikler-├ľzellikler b├Âl├╝m├╝nde bulunabilir . .prop()


5808


2009-01-08





kullan─▒n:

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

Bir onay kutusunun i┼čaretli olup olmad─▒─č─▒n─▒ kontrol etmek istiyorsan─▒z:

 $('.myCheckbox').is(':checked');
 

680







Bu, platformlar aras─▒ standart oldu─ču ve form depolar─▒na izin verece─či i├žin, jQuery ile onay kutular─▒n─▒ kontrol etmenin ve i┼čaretlemenin do─čru yoludur .

 $('.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─▒yorsunuzdur, bu nedenle onay kutusu ├Â─česinin "kontrol edilen" ├Âzelli─čini d├╝zg├╝n ┼čekilde uygulayan herhangi bir taray─▒c─▒ bu kodu kusursuz ┼čekilde ├žal─▒┼čt─▒racakt─▒r. Bu , t├╝m b├╝y├╝k taray─▒c─▒lar olmal─▒d─▒r , ancak daha ├Ânce Internet Explorer 9ÔÇÖda test edemiyorum.

Sorun (jQuery 1.6):

Kullan─▒c─▒ bir onay kutusunu t─▒klad─▒─č─▒nda, bu onay kutusu "kontrol edilen" ├Âzellik de─či┼čikliklerine yan─▒t vermeyi durdurur.

Birisi onay kutusunu t─▒klad─▒ktan sonra i┼či yapamayan onay kutusu ├Âzelli─čine bir ├Ârnek (bu, Chrome'da ger├žekle┼čir).

Keman

├ç├Âz├╝m:

JavaScriptÔÇÖin DOM ├Â─čelerinde "kontrol edilen" ├Âzelli─čini kullanarak, DOMÔÇÖi yapmas─▒n─▒ istedi─čimiz ┼čeyi yapmak ├╝zere manip├╝le etmeye ├žal─▒┼čmak yerine sorunu do─črudan ├ž├Âzebiliriz .

Keman

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─▒ s─▒k─▒nt─▒lar─▒n─▒n ├Ânlenmesine yard─▒mc─▒ olacakt─▒r.

 (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;
});
 

304







Yapabilirsin

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

veya

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

A├žmak istedi─činiz onay kutusu i├žin onclick etkinli─činde ├Âzel kodunuz varsa, bunu kullan─▒n:

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

├ľzniteli─č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()
});
 

141







$ .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 sadece yapabilirsiniz:

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

Ya da bu isimleri kullanan ba┼čka bir k├╝t├╝phane kullan─▒yorsan─▒z, onlara mycheck () ve myuncheck () gibi daha benzersiz isimler vermek isteyebilirsiniz.


78







 $("#mycheckbox")[0].checked = true;
$("#mycheckbox").attr('checked', true);
$("#mycheckbox").click();
 

Sonuncusu onay kutusu i├žin click olay─▒n─▒ tetikler, di─čerleri olmaz. ├ľyleyse, tetiklemek istedi─činiz onay kutusundaki onclick etkinli─činde ├Âzel kodunuz varsa, sonuncuyu kullan─▒n.


63







Bir onay kutusunu i┼čaretlemek i├žin kullanman─▒z gerekir

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

veya

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

ve bir onay kutusunun i┼čaretini kald─▒rmak i├žin her zaman false olarak ayarlamal─▒s─▒n─▒z:

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

Yaparsan

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

niteli─či hep birlikte kald─▒r─▒r ve bu nedenle formu s─▒f─▒rlayamazs─▒n─▒z.

K├ľT├ť DEMO jQuery 1.6 . Bence bu bozuldu. 1.6 i├žin bu konuda yeni bir yaz─▒ yapaca─č─▒m.

YEN─░ ├çALI┼×MA DEMOU jQuery 1.5.2 Chrome'da ├žal─▒┼č─▒yor.

Her iki g├Âsterinin kullan─▒m─▒

 $('#tc').click(function() {
    if ( $('#myCheckbox').attr('checked')) {
        $('#myCheckbox').attr('checked', false);
    } else {
        $('#myCheckbox').attr('checked', 'checked');
    }
});
 

61







Bu, belirtilen alt dize "ckbItem" i i├žeren bir de─čere sahip belirtilen ├Âzelli─če sahip elemanlar─▒ se├žer:

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

CkbItem ├Â─česini kendi ad ├Âzelli─činde i├žeren t├╝m ├Â─čeleri se├žecektir.


47







Sorunun oldu─čunu varsayarsak ...

VALUE ayarl─▒ bir onay kutusunu nas─▒l kontrol edebilirim ?

Tipik bir onay kutusu setinde, t├╝m giri┼č etiketlerinin ayn─▒ ada sahip oldu─čunu unutmay─▒n, bunlar niteliklere g├Âre farkl─▒l─▒k g├Âsterir value : setin her giri┼či i├žin kimlik yoktur.

Xian'─▒n cevab─▒ , a┼ča─č─▒daki kod sat─▒r─▒n─▒ kullanarak daha spesifik bir se├žiciyle geni┼čletilebilir :

 $("input.myclass[name='myname'][value='the_value']").prop("checked", true);
 

45







├ç├Âz├╝m├╝ ├Âzl├╝yorum. Her zaman kullanaca─č─▒m:

 if ($('#myCheckBox:checked').val() !== undefined)
{
    //Checked
}
else
{
    //Not checked
}
 

45







JQuery 1.6 veya daha yenisini kullanarak bir onay kutusunu i┼čaretlemek i├žin, sadece bunu yap─▒n:

 checkbox.prop('checked', true);
 

─░┼čaretini kald─▒rmak i├žin 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'));
 

E─čer kullan─▒yorsan─▒z jQuery 1.5 veya daha d├╝┼č├╝k:

 checkbox.attr('checked', true);
 

─░┼čaretini kald─▒rmak i├žin kullan─▒n:

 checkbox.attr('checked', false);
 

41







─░┼č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







Bunu dene:

 $('#checkboxid').get(0).checked = true;  //For checking

$('#checkboxid').get(0).checked = false; //For unchecking
 

30







Bir d├╝─čme ile kontrol edilmi┼č ve i┼čaretlenmemi┼č 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







elementObject ├ľzniteli─či kontrol ettirmek i├žin 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







PhoneGap'─▒ uygulama geli┼čtirirken kullan─▒yorsan─▒z ve an─▒nda g├Âstermek istedi─činiz d├╝─čmenin ├╝zerinde bir de─čeriniz varsa, bunu yapmay─▒ unutmay─▒n

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

A├ž─▒kl─▒k olmadan, aray├╝z ne yaparsan─▒z yap─▒n g├╝ncelleme yapmayacak.


25







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







Ba┼čka bir olas─▒ ├ž├Âz├╝m:

     var c = $("#checkboxid");
    if (c.is(":checked")) {
         $('#checkboxid').prop('checked', false);
    } else {
         $('#checkboxid').prop('checked', true);
    }
 

20







Mobil kullan─▒yorsan─▒z ve arabirimin onay kutusunu i┼čaretlenmemi┼č olarak g├╝ncellemesini ve g├Âstermesini istiyorsan─▒z, a┼ča─č─▒dakileri kullan─▒n:

 $("#checkbox1").prop('checked', false).checkboxradio("refresh");
 

18







JQuery belgelerinde belirtildi─či gibi, Internet Explorer 9'dan ├Ânceki Internet Explorer'da bellek s─▒z─▒nt─▒lar─▒na dikkat edin :http://api.jquery.com/prop/

S├╝r├╝m 9'dan ├Ânceki Internet Explorer'da, bir DOM ├Â─česi ├Âzelli─čini basit bir ilkel de─čerden ba┼čka bir de─čere (say─▒, dize veya boolean) ayarlamak i├žin .prop () kullanmak, ├Âzellik kald─▒r─▒lmazsa (.removeProp (kullanarak) bellek s─▒z─▒nt─▒lar─▒na neden olabilir. )) DOM eleman─▒ dok├╝mandan kald─▒r─▒lmadan ├Ânce. DOM nesnelerinde bellek s─▒z─▒nt─▒s─▒ olmayan de─čerleri g├╝venle ayarlamak i├žin, .data () i┼člevini kullan─▒n.


18


2013-05-22





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,

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

18







@ Livefree75 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, jQuery'nin yeni s├╝r├╝mlerinde ┼č├Â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 sadece yapabilirsiniz:

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

18







Kontrol etmek ve i┼čaretini kald─▒rmak i├žin

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

17







 $('controlCheckBox').click(function(){
    var temp = $(this).prop('checked');
    $('controlledCheckBoxes').prop('checked', temp);
});
 

16







Bu muhtemelen en k─▒sa ve en kolay ├ž├Âz├╝md├╝r:

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

veya

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

Daha da k─▒sa olurdu:

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

─░┼čte bir de jsFiddle .


15







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;
}
 

Burada ├Ârnek


14







Kullanarak ├žal─▒┼čt─▒ramad─▒m:

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

Hem do─čru hem de yanl─▒┼č onay kutusunu i┼čaretler. Benim i├žin ├žal─▒┼čan ┼čey ┼čuydu:

 $("#cb").prop('checked', 'true'); // For checking
$("#cb").prop('checked', '');     // For unchecking
 

13







Gibi bir onay kutusu i┼čaretlendi─činde;

 $('.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 kutusu i┼čaretli ├Âzelli─či kald─▒rd─▒─č─▒n─▒zda.


13







JQuery kullanarak tam cevap ─░┼čte

Test ettim 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





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



─░lgili yay─▒nlar


JQuery ile bir ├žerezi nas─▒l ayarlar─▒m / ├ž├Âzerim?

Onay kutusunun jQuery ile i┼čaretlenip i┼čaretlenmedi─čini kontrol edin

JQuery ile eleman i├žin s─▒n─▒f listesini al─▒n

JQuery ile bir onay kutusunun i┼čaretli olup olmad─▒─č─▒n─▒ test etme

jquery kullanarak onay kutusunu i┼čaretleyin / i┼čaretini kald─▒r─▒n. [├žift]

Javascript ile onay kutusunu i┼čaretleyin / i┼čaretini kald─▒r─▒n (jQuery veya Vanilla)?

UITextBorderStyleNone ile UITextField i├žin k├╝me dolgusu

jQuery ile kontrol edilen radyo se├žene─či

Belirli bir s─▒n─▒f ad─▒na sahip t├╝m kontrol edilmi┼č onay kutular─▒n─▒ almak i├žin jquery kullanma

jquery check Bir onay i┼čaretiyle t├╝m onay kutular─▒n─▒n i┼čaretini kald─▒r─▒n

Etiketle ilgili di─čer sorular [javascript]


Derleme dosyas─▒ s├╝r├╝m├╝n├╝ nas─▒l alabilirim

MySQL'de yeni kullan─▒c─▒ olu┼čturun ve bir veritaban─▒na tam eri┼čim verin

RGB'den Hex'e ve Hex'den RGB'ye

D├╝zensiz bir liste listesini d├╝zle┼čtirme

Neden i┼člevsel diller? [kapal─▒]

┼×ubeniz 3 ├ž─▒k─▒┼čl─▒ '├ž─▒k─▒┼č / master' ├Âncesinde

JavaScriptÔÇÖteki bir dizi nesneden ├žiftleri kald─▒r─▒n

Chrome'da yazd─▒r─▒rken href de─čerlerini kald─▒rman─▒z gerekir

Python'dan bir program─▒ nas─▒l y├╝r├╝tebilirim? os.system, yoldaki bo┼čluklar nedeniyle ba┼čar─▒s─▒z oluyor

C MIN ve MAKS