java web初学者遇到了他一生之敌的问题03

问题遇到的现象和发生背景

我的全选框没有任何作用,选了全选框其他的选择框没有反应

用代码块功能插入代码,请勿粘贴截图
 <th align="center">
            <input type="checkbox" id="SelectAll" onclick="selectAll();" /> 全选</th>



 <td align="center"><input type="checkbox" name="checkbox" value="${reporter.id}"></td>


 function selectAll (){
        //如果选择全选按钮
        if ($("#SelectAll").is(":checked")) {
            $(":checkbox").prop("checked", true);//所有选择框都选中
        } else {  //如果没有选择全选按钮
            $(":checkbox").prop("checked", false); //全部不选中
        }
    }

运行结果及报错内容

img

我想要达到的结果

点了全选框,所有复选框自动全选