jquery检查所有复选框

Question

我用了jquery select all checkboxes尝试获取选中所有复选框按钮。使用此答案中的代码，我的按钮立即消失，如Fiddle所示。

JS:

$(function(){

    $('#checkAll').toggle(
            function(){
                    $('#numberList .numberClass').prop('checked',true);
            },
            function(){
                    $('#numberList .numberClass').prop('checked',false);
            });
});

HTML:

 <div id='numberList'>
 <table>
<tr>
<th>
    <input type='button' id='checkAll' name='checkAll' value='Check All'>
    </td>
</tr>
<tr>
<td>
    <input class='numberClass' type='checkbox' id='number[" . $k . "]' name='number[" . $k . "]'>
</td>
</tr>
<tr>
<td>
    <input class='numberClass' type='checkbox' id='number[" . $k . "]' name='number[" . $k . "]'>
</td></tr>
 </table>
 </div>

我错过了什么如此明显的事情？

Answer 1

.toggle(function, function) 版本(即事件处理方面)在 jQuery 1.9 中被删除，如 documentation 中所述。 。因此，它将其视为另一个 .toggle()方法，用于切换一组元素的可见性 - 由于它通过 HTML 和 CSS 设置为可见，因此 jQuery 将其切换为不可见。