使用jQuery以編程方式觸發複選框

Question

我想以編程方式觸發選中複選框。例如：

$(function(){ 
    //create a trigger that if a checkbox changes, eg is clicked/change show an alert 
    $("#idCheckbox").on("change", function(){ 
     if($(this).is(':checked')){ 
      alert("Is checked!"); 
     } 
    }); 

    //onload put it checked 
    $("#idCheckbox").attr("checked", "checked"); 
}); 

「問題」是，如果我在負載檢查由JavaScript的（）方法不被觸發的複選框，並沒有示出警報。

上面的代碼是一個例子，其實檢查複選框的腳本不是我的，我不能修改它。

我正在使用jQuery 1.8.0

任何建議嗎？

在此先感謝。

Answer 1

而非屬性設置爲檢查您可以撥打click()上的複選框來觸發事件，你以前勢必

---

$(function(){ 
    var $checkbox = $("#idCheckbox"); 
    $checkbox.on("change", function(){ 
     if(this.checked){ 
      alert("Is checked!"); 
     } 
    }); 

    $checkbox.click(); 
}); 

---

例如：http://jsfiddle.net/hunter/wpLb2/

Answer 2

你可以將您的內聯定義函數移動到全局範圍並調用它：

function checkBoxClick(){ 
    if($(this).is(':checked')){ 
     alert("Is checked!"); 
    } 
} 

$(function(){ 
    //create a trigger that if a checkbox changes, eg is clicked/change show an alert 
    $("#idCheckbox").on("change", checkBoxClick); 

    // Trigger your click function 
    checkBoxClick();  

    //onload put it checked 
    $("#idCheckbox").attr("checked", "checked"); 


}); 

Answer 3

當使用javascript以編程方式檢查複選框時，onchange事件不會自動觸發。因此，將複選框標記爲已選中的腳本應該調用onchange事件。