javascript - 关于 jQuery click() 函数的问题

Question

    $('document').ready(function(){
        $('[name=mycheckbox]').live('click', function(){
            if($(this).is(':checked'))
            {
                alert('it is checked');
            }
            else
            {
                alert('it is not checked');
            }
        });

        $('[name=mycheckbox]').click();
    });

如果复选框被选中并且您单击它，警告框会显示“它未被选中”，但是当页面运行并且点击事件被触发时(带有复选框checked)，警告框显示“已选中”。为什么？复选框的状态是否不受点击事件的影响？是鼠标按下改变了状态吗？

Answer 1

您应该在这里使用 change 事件，而不是 click，如下所示:

$('[name=mycheckbox]').live('change', function(){

并使用相同的触发器调用它，如下所示:

$('[name=mycheckbox]').change();

click 与 change 是分开的，如果您希望事件在检查实际完成更改时触发，那么您需要更改，而不是单击。或者，如果您仍想将其切换为初始状态，请执行以下操作:

$('[name=mycheckbox]').click().change();