jquery - 使用jQuery的切换时主复选框不会改变视觉状态

Question

我正在使用 jQuery 检查/取消选中 div 中的所有复选框，它工作正常，但主复选框似乎没有被点击（即我看不到复选标记打开和关闭），我怎么能解决这个问题？

这是我到目前为止的代码：

jQuery(function () {
jQuery('#select_all').toggle(
    function() {
        jQuery('#elementos .c_e').prop('checked', true);
    },
    function() {
        jQuery('#elementos .c_e').prop('checked', false);

    }
);});

谢谢。

这是一个现场版本：http: //jsfiddle.net/L8DVu/

Answer 1

您正在变得复杂，您可以使用单个语句来完成，

现场演示

jQuery('#select_all').click(function() {

    jQuery('#elementos .c_e').prop('checked', this.checked);

});​