jQuery, onay kutuları ve .is (": işaretlendi")

Bir işlevi aşağıdaki gibi bir onay kutusu öğesine bağladığımda:

$("#myCheckbox").click( function() {
    alert($(this).is(":checked"));
});

Onay kutusu , olay tetiklenmeden önce işaretli niteliğini değiştirir , bu normal davranıştır ve ters bir sonuç verir.

Ancak, yaptığımda:

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

Onay kutusu , olay tetiklendikten sonra kontrol ettiği niteliği değiştirir .

Sorum şu, jQuery'den tıklama olayını normal bir tıklamanın yapacağı gibi tetiklemenin bir yolu var mı (ilk senaryo)?

Not: Ben zaten denedim trigger('click');

$('#myCheckbox').change(function () {
    if ($(this).prop("checked")) {
        // checked
        return;
    }
    // not checked
});

Not: jquery'nin eski sürümlerinde kullanımda sorun yoktu attr. Şimdiprop durumu okumak için kullanılması önerilir .

JQuery 1.3.2 ve 1.4.2'de çalışan bir çözüm var :

$("#myCheckbox").change( function() {
    alert($(this).is(":checked"));
});

//Trigger by:
$("#myCheckbox").trigger('click').trigger('change');​​​​​​​​​​​​​

Ama katılıyorum, bu davranış yerel olaya kıyasla hatalı görünüyor.

Haziran 2016 itibarıyla (jquery 2.1.4 kullanılarak) önerilen diğer çözümlerin hiçbiri çalışmamaktadır. Kontrol attr('checked')her zaman geri döner undefinedve is('checked)her zaman geri döner false.

Sadece prop yöntemini kullanın:

$("#checkbox").change(function(e) {

  if ($(this).prop('checked')){
    console.log('checked');
  }
});

Hala jQuery 1.7.2 ile bu davranışı yaşıyorum. Basit bir çözüm, tıklama işleyicisinin çalıştırılmasını setTimeout ile ertelemek ve bu arada tarayıcının sihrini yapmasına izin vermektir:

$("#myCheckbox").click( function() {
    var that = this;
    setTimeout(function(){
        alert($(that).is(":checked"));
    });
});

Bu oldukça istenmeyen davranışı öngörürseniz, jQuery.trigger () 'den onay kutusunun tıklama işleyicisine fazladan bir parametre geçirebilirsiniz. Bu ekstra parametre, tıklama işleyicisine tıklamanın kullanıcı tarafından doğrudan onay kutusunu tıklaması yerine programla tetiklendiğini bildirmektir. Onay kutusunun tıklama işleyicisi, rapor edilen kontrol durumunu tersine çevirebilir.

İşte "myCheckBox" kimliğine sahip bir onay kutusundaki tıklama olayını nasıl tetikleyeceğim. Ayrıca, true olarak ayarlanmış tek bir üye nonUI ile bir nesne parametresi geçirdiğimi unutmayın:

$("#myCheckbox").trigger('click', {nonUI : true})

Ve onay kutusunun tıklama olayı işleyicisinde bunu şu şekilde ele alıyorum. İşleyici işlevi, ikinci parametresi olarak nonUI nesnesinin varlığını kontrol eder. (İlk parametre her zaman olayın kendisidir.) Parametre mevcutsa ve true olarak ayarlanmışsa, rapor edilen .checked durumunu tersine çeviririm. Böyle bir parametre aktarılmazsa (kullanıcı, kullanıcı arayüzündeki onay kutusunu tıklarsa bu olmaz), gerçek .checked durumunu bildiririm:

$("#myCheckbox").click(function(e, parameters) {
   var nonUI = false;
        try {
            nonUI = parameters.nonUI;
        } catch (e) {}
        var checked = nonUI ? !this.checked : this.checked;
        alert('Checked = ' + checked);
    });

En JSFiddle versiyonu http://jsfiddle.net/BrownieBoy/h5mDZ/

Chrome, Firefox ve IE 8 ile test ettim.

<input id="widget-wpb_widget-3-custom_date" class="mycheck" type="checkbox" value="d/M/y" name="widget-wpb_widget[3][custom_date]" unchecked="true">    

var atrib = $('.mycheck').attr("unchecked",true);
$('.mycheck').click(function(){
if ($(this).is(":checked")) 
{
$('.mycheck').attr("unchecked",false);
   alert("checkbox checked");
}
else
{
$('.mycheck').attr("unchecked",true);
 alert("checkbox unchecked");
}
});

  $("#checkbox").change(function(e) {

  if ($(this).prop('checked')){
    console.log('checked');
  }
});

$("#personal").click(function() {
      if ($(this).is(":checked")) {
            alert('Personal');
        /* var validator = $("#register_france").validate(); 
        validator.resetForm(); */
      }
            }
            );

JSFIDDLE

İlk senaryoya uygun olarak, bu benim bulduğum bir şey.

http://jsbin.com/uwupa/edit

Esasen, "tıklama" olayını bağlamak yerine, "değiştir" olayını uyarıyla bağlarsınız.

Ardından, etkinliği tetiklediğinizde önce tıklamayı, ardından değişikliği tetiklersiniz.

Nick Craver'ın cevabına ek olarak, bunun üzerinde düzgün bir şekilde çalışması IE 8için onay kutusuna ek bir tıklama işleyici eklemeniz gerekir:

// needed for IE 8 compatibility
if ($.browser.msie)
    $("#myCheckbox").click(function() { $(this).trigger('change'); });

$("#myCheckbox").change( function() {
    alert($(this).is(":checked"));
});

//Trigger by:
$("#myCheckbox").trigger('click').trigger('change');

Aksi takdirde, geri arama IE 8, tıklandıklarında onay kutularına ve radyolara odaklanmayı sürdürdüğünden, yalnızca onay kutusu odağı kaybettiğinde tetiklenir .

_{IE 9Yine de test etmedim.}

$( "#checkbox" ).change(function() {
    if($(this).is(":checked")){
        alert('hi');
    }

});

En hızlı ve kolay yol :

$('#myCheckbox').change(function(){
    alert(this.checked);
});

$el[0].checked;

$ el - seçimin jquery öğesidir.

Zevk almak!

if ($.browser.msie) {
    $("#myCheckbox").click(function() { $(this).trigger('change'); });
}

$("#myCheckbox").change(function() {
        alert($(this).is(":checked"));
    });