学步园

$(document).ready(function(){<br /> //checkbox全选<br /> $('#btn1').click(function(){<br /> $("[name = 'checkbox']").attr('checked',true);<br /> });<br /> //checkbox取消选择<br /> $('#btn2').click(function(){<br /> $("[name = 'checkbox']").attr('checked',false);<br /> });<br /> //checkbox反选<br /> $('#btn3').click(function(){<br /> $("[name = 'checkbox']").each(function(){<br /> if($(this).attr('checked')){<br /> $(this).removeAttr('checked');<br /> }else{<br /> $(this).attr('checked',true);<br /> }<br /> });<br /> });<br /> //checkbox选中偶数行<br /> $('#btn4').click(function(){<br /> $("[name = 'checkbox']:even").attr('checked',true);<br /> });<br /> //设置table2偶数行背景色<br /> $("#table2 tr:even").css("background-color","#DBE5F1");<br /> //鼠标移上时添加行背景色 css类hover中定义的是背景色，也可定义其他<br /> $('#table2 tbody tr',this).mouseover(function(){<br /> $(this).find('td').addClass("hover");<br /> });<br /> //鼠标移去时恢复行背景色<br /> $('#table2 tbody tr',this).mouseout(function(){<br /> $(this).find('td').removeClass("hover");<br /> });<br /> //点击添加按钮跳转页面<br /> $('#btnAddInList').click(function(){<br /> var url="/gis/supplyArea/addInListSupplyArea.do";<br /> //alert(url);<br /> $.ajax({<br /> url:url,<br /> complete:function(){location.href =url}//完成后跳转的页面<br /> });<br /> });</p> <p> //删除选定的复选框的记录<br /> $('#btnDel').click(function(){<br /> var supplyAreaIds = '';<br /> $("[type='checkbox'][name='checkbox']:checked").each(function(){<br /> supplyAreaIds+= $(this).val()+",";<br /> });<br /> //alert(supplyAreaIds);<br /> var url="/gis/supplyArea/deldeteSupplyArea.do";<br /> $.ajax({<br /> type:'POST',<br /> contentType: "application/x-www-form-urlencoded;charset=utf-8",<br /> url:url,<br /> data:{ids:supplyAreaIds},<br /> dataType:"text",<br /> //成功后<br /> success:function(msg){<br /> alert(supplyAreaIds+" 删除成功！");<br /> },<br /> //完成后<br /> complete:function(){<br /> $("[name = 'checkbox']").attr('checked',false);//取消选择<br /> location.reload();//刷新<br /> }<br /> });<br /> });<br /> });

当然，‘页面跳转’以及‘删除’操作离不开action方法及其配置的配合。