首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery兑现全选和全不选

2012-06-26 
Jquery实现全选和全不选htmlheadbase href%basePath%titleMy JSP index.jsp starting pag

Jquery实现全选和全不选

<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>
?

热点排行