html - How to calculate number of checkboxs'Id in a table via Javascript -
i wanna total number of checkbox in html.
request: (1) javascript (2) checkbox id "id=idcheckbox", (3) each checkbox name reserved back-end using. not javascript. (4) naming each checkbox's name checkbox_1, checkbox_2,... number indicate serial number of checkbox.
the table html
<table class="form_table" border="0" cellpadding="0" width="750px" id="idroutinelisttable"> <tr> <td style="align:center;" class="routinelistcell"> <input type='checkbox' name='checkbox_1' id='idcheckbox'></input> <!-- may many checkbox here.--> </td> </tr> </table>
my js code, function check checkbox selected before deletion. if no checkbox selected, pops warning.
function beforedelete() /*{{{*/ { var checked=0; var checkboxall=document.all["idcheckbox"]; //the error here, when there 1 checkbox, cannot length value, //coz checkboxall not recognized array. however, if there more //two checkboxes, function works. alert (checkboxall.length); for(var i=0;i<checkboxall.length;i++) { if (checkboxall[i].checked==true) { checked++; } } if(checked==0) { alert('please select item delete'); return false; } } /*}}}*
the problem has indicate in above code. idea solve this?
here full working sample using jquery:
<script src="../../scripts/jquery-1.5.1.js" type="text/javascript"></script> <script> function beforedelete() { if ($("input:checked").length == 0) { alert('please select item delete'); return false; } return true; } </script> <form onsubmit="return beforedelete()"> <table class="form_table" border="0" cellpadding="0" width="750px" id="idroutinelisttable"> <tr> <td style="align:center;" class="routinelistcell"> <input type='checkbox' name='checkbox_1' id='idcheckbox'></input> <input type='checkbox' name='checkbox_2' id='idcheckbox'></input> <input type='checkbox' name='checkbox_3' id='idcheckbox'></input> <!-- may many checkbox here.--> </td> </tr> </table> <input type="submit" /> </form>
Comments
Post a Comment