Question

通过点击有许多变更事件的解决方案，但不是以编程方式。

请参阅此处的小提琴http://jsfiddle.net/pratbhoir/ma7rk0ur/2/

JS代码

$(document).ready(function () {
    //set initial state.
    $('#textbox1').val($(this).is(':checked'));

    //This Event is not called when toggled by button
    $('#myCheckBox').change(function () { //-------------if(this.checked
        if ($(this).is(":checked")) {
            var returnVal = confirm("Are you sure?");
            $(this).attr("checked", returnVal);
        }
        $('#textbox1').val($(this).is(':checked'));
    });
});

我想通过切换按钮触发复选框事件来调用更改事件。

P.S。请不要说将事件放在切换按钮上。

谢谢你，祝你有个愉快的一天。

Answer 1

明确调用更改

function toggleCheckBox() {
    var $myCheckBox=$('#myCheckBox');//better store ref into local variable
    if ($myCheckBox.is(":checked")) {
        $myCheckBox.prop('checked', false)
    } else {
        $myCheckBox.prop('checked', true);
    }
    $myCheckBox.change();//trigger change 
}

这是演示http://jsfiddle.net/vikrant47/ma7rk0ur/7/

隐式地调用复选框changeevent中的函数

1 个答案: