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; } } }

可以實現全選和反選。