# 6、批量删除用户 ~~~ //获取全选按钮 var selectAll = $('#selectAll'); //获取批量删除按钮 var deleteMany = $( ' #deleteMany' ); //当全选按钮的状态发生改变时 selectAll.on('change', function () { //↑获取到全选按钮当前的状态 var status = $(this).prop( ' checked'); if (status) { //.显入批量删除按钮 deleteMany.show( ) ; }else { //隐藏批量删除按钮 deleteMany .hide(); //获取到所有的用户并将用户的状态和全选按钮保持致 $(' #userBox' ).find( ' input' ).prop( ' checked', status); }); //当用户前面的复选框状态发生改变时 $( ' #userBox').on( ' change', ' .userStatus', function () { //获取到所有用户在所有用户中过滤出选中的用户 // 判断选中用户的数量 和所有用户的数量是否-，致 //如果一致就说明所有的用户都是选中的 //否则就是有用户没有被选中 var inputs = $( ' #userBox' ). find( ' input' ) ; if (inputs.Iength== inputs.filter(' :checked' ). length) { // alert('所有用户都是选中的') selectAll.prop( ' checked', true ) }else { // alert('不是所有用户都是选中的') selectAll. prop( ' checked', false) } }); //如果选中的复选框的数量大于0就说明有选中的复选框 if (inputs. filter(' :checked')，length > 0) { //显示批量删除按钮 deleteMany。show(); }else { //隐藏批量删除按钮 deleteMany.hide(); } ~~~ 批量删除接口   ## 批量删除 ~~~ //为批量删除按钮添加点击事件 deleteMany .on('click', function () { var ids =[ ]; //获取选中的用户 var checkedUser = $( ' #userBox' ). find( ' input' ).filter(' :checked'); //循环复选框从复选框元素的身。上获取data-id属性的值 checkedUser.each(function (index ，element) { ids.push($(element).attr('data-id')); }); if(confirm('您真要确定要进行批量删除操作吗')){ $.ajax({ type:' delete ', url:' /users/'+ ids.join('-')， success:function (){ location.reload(); } }) } }) ~~~