邮件复选框

来源：互联网发布：vb简单程序代码编辑：程序博客网时间：2024/06/02 05:46
<form id="form1" action="" method="post">    <table border="1px" width="600" cellpadding="10" cellspacing="0">        <tr>            <td colspan="4">                <input id="btn1" onclick="submit_form('btn1')" type="button" value="放入回收站" disabled="disabled">                <input id="btn2" onclick="submit_form('btn2')" type="button" value="彻底删除" disabled="disabled">                <input id="btn3" onclick="submit_form('btn3')" type="button" value="垃圾邮件举报" disabled="disabled">            </td>        </tr>        <tr onclick="getMail_ctl()">            <td><input type="checkbox" name="ctlBox" id="ctl"></td>            <td>收件人</td>            <td>邮件内容</td>            <td>邮件收件日期</td>        </tr>        <tr onclick="getMail_click()">            <td><input type="checkbox" name="mailBox" value="mail1"></td>            <td>张山</td>            <td>深圳</td>            <td>2016-01-11</td>        </tr>        <tr onclick="getMail_click()">            <td><input type="checkbox" name="mailBox" value="mail2"></td>            <td>李四</td>            <td>广州</td>            <td>2016-01-12</td>        </tr>        <tr onclick="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();}
0 0