<form id="form1" action="" method="post"> <table border="1px" width="600" cellpadding="10" cellspacing="0"> <tr> <td colspan="4"> <input id="btn1" οnclick="submit_form('btn1')" type="button" value="放入回收站" disabled="disabled"> <input id="btn2" οnclick="submit_form('btn2')" type="button" value="彻底删除" disabled="disabled"> <input id="btn3" οnclick="submit_form('btn3')" type="button" value="垃圾邮件举报" disabled="disabled"> </td> </tr> <tr οnclick="getMail_ctl()"> <td><input type="checkbox" name="ctlBox" id="ctl"></td> <td>收件人</td> <td>邮件内容</td> <td>邮件收件日期</td> </tr> <tr οnclick="getMail_click()"> <td><input type="checkbox" name="mailBox" value="mail1"></td> <td>张山</td> <td>深圳</td> <td>2016-01-11</td> </tr> <tr οnclick="getMail_click()"> <td><input type="checkbox" name="mailBox" value="mail2"></td> <td>李四</td> <td>广州</td> <td>2016-01-12</td> </tr> <tr οnclick="getMail_click()"> <td><input type="checkbox" name="mailBox" value="mail3"></td> <td>王五</td> <td>中山</td> <td>2016-01-13</td> </tr> </table></form>
function getMail_ctl() {//控制列表框 var ctlEle = document.getElementById("ctl"); var mailEle = document.getElementsByName("mailBox"); for (var i = 0; i < mailEle.length; i++) { mailEle[i].checked = ctlEle.checked; } changStatus(); } function getCheckNum() {//获取列表被选中的个数 var mailEle = document.getElementsByName("mailBox"); var count = 0; for (var i = 0; i < mailEle.length; i++) { if (mailEle[i].checked) { count++; } } return count; } function getMail_click() {//列表框控制 var ctlEle = document.getElementById("ctl"); var mailE = document.getElementsByName("mailBox"); ctlEle.checked = mailE.length == getCheckNum(); changStatus(); } function changStatus() {//改变按钮状态 var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); var btn3 = document.getElementById("btn3"); btn1.disabled = !getCheckNum(); btn2.disabled = !getCheckNum(); btn3.disabled = !getCheckNum(); } function submit_form(id) {// var formEle = document.getElementById("form1"); if (id == "btn1") { formEle.action = "imgShow/showHtml.html"; } else if (id == "btn2") { formEle.action = "cloud/login.html" } else if (id == "btn3") { formEle.action = "person.html"; } formEle.submit(); }
邮件复选框
最新推荐文章于 2021-02-24 02:49:11 发布