实现复选框的全选和反选

实现复选框的全选和反选



 <!--[endif]-->

//实现全选功能

function CheckAll(elements) {

              for (i = 0; i < elements.length; i++) { //通过for循环将全部复选框设置为选中状态

                     elements[i].checked = true; //设置当前复选框为选中状态

              }

       }

       //实现反选功能

       function CheckInverse(elements) {

              for (i = 0; i < elements.length; i++) { //通过for循环将遍历全部复选框

                     if (elements[i].checked == true) { //判断当前复选框是否为选中状态

                            elements[i].checked = false; //设置当前复选框为非选中状态

                     } else {

                            elements[i].checked = true; //设置当前复选框为选中状态

                     }

              }

       }

 

<form name="form1" method="post" action="">

                     <table width="300" border="1" cellspacing="0" cellpadding="0"

                            bordercolor="#000000" bordercolordark="#666666"

                            bordercolorlight="#FFFFFF">

                            <tr>

                                   <td width="44" height="25" align="center">

                                          <input name="delId" type="checkbox" id="delId" value="1">

                                   </td>

                                   <td width="109">

                                          &nbsp;明日科技

                                   </td>

                                   <td width="147">

                                          &nbsp;超级管理员

                                   </td>

                            </tr>

                            <tr>

                                   <td height="25" align="center">

                                          <input name="delId" type="checkbox" id="delId" value="2">

                                   </td>

                                   <td>

                                          &nbsp;柠檬草

                                   </td>

                                   <td>

                                          &nbsp;普通管理员

                                   </td>

                            </tr>

                            <tr>

                                   <td height="25" align="center">

                                          <input name="delId" type="checkbox" id="delId" value="3">

                                   </td>

                                   <td>

                                          &nbsp;gk

                                   </td>

                                   <td>

                                          &nbsp;普通会员

                                   </td>

                            </tr>

                            <tr>

                                   <td height="25" align="center">

                                          <input name="delId" type="checkbox" id="delId" value="4">

                                   </td>

                                   <td>

                                          &nbsp;sk

                                   </td>

                                   <td>

                                          &nbsp;普通会员

                                   </td>

                            </tr>

                     </table>

                     <table width="300" border="0" cellspacing="0" cellpadding="0">

                            <tr>

                                   <td width="100%" height="30" align="right">

                                          [

                                          <span><a href="#" onClick="CheckAll(form1.delId)"

                                                 style="color: #FF0000;">全选</a>/ <a href="#"

                                                 onClick="CheckInverse(form1.delId)" style="color: #FF0000;">反选</a>

                                          </span>]

                                   </td>

                            </tr>

                     </table>

              </form>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值