<html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script src="js/jquery-1.6.1.min.js"> </script> </head> <body> <table id="dataTab"> <tr> <th> <input type="checkbox" id="selectCheck" onclick="selectAll();" value="test"/> </th> </tr> <tr> <td> <input type="checkbox" name="box" > </td> <td> #### </td> <td> <input type="checkbox" name="box"> </td> <td> #### </td><td> <input type="checkbox" name="box"> </td> <td> #### </td> </tr> </table> <hr/> <table id="dataTab_1"> <tr> <th> <input type="checkbox" id="selectCheck_1" onclick="selectAll_1();" value="test" checked="false"/> </th> </tr> <tr> <td> <input type="checkbox" > <input type="checkbox" id="testBox" value="复选框" > </td> <td> #### </td> <td> <input type="checkbox" > </td> <td> #### </td><td> <input type="checkbox"> </td> <td> #### </td> </tr> </table> </body> </html> <script> function selectAll(){ //alert($("#selectCheck").attr("checked")); $.each($("input[name='box']"),function(){ if($("#selectCheck").attr("checked")){ $(this).attr("checked",$("#selectCheck").attr("checked")); } else{ $(this).removeAttr("checked"); } }); } function selectAll_1(){ var isChecked=$("#selectCheck_1").attr("checked"); $("#dataTab_1 tr:gt(0) :checkbox").each(function(){ if(isChecked){ $(this).attr("checked","checked"); } else{ $(this).removeAttr("checked"); } }); } </script>?