javascript 数据库取数据 全选和反选

javascript所对应的全选和反选 。操作数据库记录。

以下是页面代码：

<tr> <td colspan="6" width="100%"> <table border="2" width="100%"> <tr class="center"> <th width="20%" class="center"> 全选/反选<input type="checkbox" name="all" οnclick="ckeckAll(this);"> </th> <th width="20%" class="center"> 箱主 </th> <th width="20%" class="center"> 箱号 </th> <th width="20%" class="center"> 箱型 </th> <th width="20%" class="center"> 箱类 </th> </tr> <tbody id="listTable"> <logic:iterate id="ylxhlist" name="lssqdListForm" property="ylxhlist" indexId="index"> <% int i=index.intValue(); %> <tr> <th width="20%" class="center"> <html:checkbox property="checkbox1" name="ylxhlist" value="true" indexed="true"/> <html:hidden name="ylxhlist" property="id" indexed="true" /> <html:hidden name="ylxhlist" property="zbid" indexed="true" /> <html:hidden name="ylxhlist" property="xxdm" indexed="true" /> <html:hidden name="ylxhlist" property="xldm" indexed="true" /> <html:hidden name="ylxhlist" property="ztmc" indexed="true" /> <html:hidden name="ylxhlist" property="ztid" indexed="true" /> </th> <td width="20%" class="center"> <bean:write name="ylxhlist" property="xzdm" /> <html:hidden name="ylxhlist" property="xzdm" indexed="true" /> </td> <td width="20%" class="center"> <bean:write name="ylxhlist" property="xhdm" /> <html:hidden name="ylxhlist" property="xhdm" indexed="true" /> </td> <td width="20%" class="center"> <bean:write name="ylxhlist" property="xxmc" /> <html:hidden name="ylxhlist" property="xxmc" indexed="true" /> </td> <td width="20%" class="center"> <bean:write name="ylxhlist" property="xlmc" /> <html:hidden name="ylxhlist" property="xlmc" indexed="true" /> </td> </tr> </logic:iterate> </tbody> </table> </td> </tr>

所对应的javascript代码如下：

//全选。 function ckeckAll(obj){ var checkboxs = document.getElementsByName("all"); var ob = document.getElementById("listTable"); for ( var i = 0; i < ob.rows.length; i++) { var oTr = ob.children[i]; var oCheckbox = oTr.children[0].children[0]; if(obj.checked){ oCheckbox.checked=true; }else{ oCheckbox.checked=false; } } }

可以实现全选和反选。