SSM框架的(CRUD)_删除_全选&全不选27

一、页面代码渲染添加

<th>
    <input type="checkbox" id="check_all"/>
</th>

二、构建 表格数据时

var checkBoxTd = $("<td><input type='checkbox' class='check_item'/></td>");

三、表单append时

//append方法执行完成以后还是返回原来的元素
$("<tr></tr>").append(checkBoxTd).append(empIdTd).append(empNameTd).append(genderTd)
.append(emailTd).append(deptNameTd).append(btnTd).appendTo("#emps_table tbody");

四、全选||全不选

//完成全选/全不选功能
        $("#check_all").click(function(){
            //attr获取checked是undefined;
            //我们这些dom原生的属性；attr获取自定义属性的值；
            //prop修改和读取dom原生属性的值
            $(".check_item").prop("checked",$(this).prop("checked"));
        });
        //check_item
        $(document).on("click",".check_item",function(){
            //判断当前选择中的元素是否5个
            var flag = $(".check_item:checked").length==$(".check_item").length;
            $("#check_all").prop("checked",flag);
        });

ps:加过多选框后,单个删除td位置改变

var empName = $(this).parents("tr").find("td:eq(2)").text();