$(document).ready(function(){//checkbox全選$('#btn1').click(function(){$("[name = 'checkbox']").attr('checked',true);});//checkbox取消選擇$('#btn2').click(function(){$("[name = 'checkbox']").attr('checked',false);});//checkbox反選$('#btn3').click(function(){$("[name = 'checkbox']").each(function(){if($(this).attr('checked')){$(this).removeAttr('checked');}else{$(this).attr('checked',true);}});}); //checkbox選中偶數行$('#btn4').click(function(){$("[name = 'checkbox']:even").attr('checked',true);});//設置table2偶數行背景色$("#table2 tr:even").css("background-color","#DBE5F1"); //鼠標移上時添加行背景色 css類hover中定義的是背景色，也可定義其他$('#table2 tbody tr',this).mouseover(function(){$(this).find('td').addClass("hover");});//鼠標移去時恢復行背景色$('#table2 tbody tr',this).mouseout(function(){$(this).find('td').removeClass("hover");});//點擊添加按鈕跳轉頁面$('#btnAddInList').click(function(){var url="/gis/supplyArea/addInListSupplyArea.do";//alert(url); $.ajax({url:url,complete:function(){location.href =url}//完成后跳轉的頁面 }); });//刪除選定的復選框的記錄$('#btnDel').click(function(){var supplyAreaIds = '';$("[type='checkbox'][name='checkbox']:checked").each(function(){supplyAreaIds+= $(this).val()+",";});//alert(supplyAreaIds);var url="/gis/supplyArea/deldeteSupplyArea.do";$.ajax({type:'POST', contentType: "application/x-www-form-urlencoded;charset=utf-8",url:url,data:{ids:supplyAreaIds},dataType:"text", //成功后success:function(msg){alert(supplyAreaIds+" 刪除成功！"); },//完成后complete:function(){$("[name = 'checkbox']").attr('checked',false);//取消選擇location.reload();//刷新 } });}); });

本文轉自：http://blog.csdn.net/hu_shengyang/article/details/6437729

轉載于:https://www.cnblogs.com/Joetao/articles/3223497.html

總結

以上是生活随笔為你收集整理的jQuery对checkbox的操作（转载）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。