LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

JS全选/反选的复选框代码

admin
2010年3月8日 0:41 本文热度 10193

这个比较经典,以前放出来有几个全选/全不选的按钮,感觉不太顺,这个是真的是经典,也是用的最多的一个,代码也不复杂,直接复制到你的表单中就可以用啦!

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>

<title>

    控制复选框的全选与反选-www.codefans.net

</title><style>.white{color:#FFFFFF; font-weight:bold}</style><script language="javascript">function CheckAll(elementsA,elementsB)

{

var len = elementsA;

if(len.length > 0)

{

for(i=0;i<len.length;i++)

{

elementsA[i].checked = true;

}

if(elementsB.checked ==false)

{

for(j=0;j<len.length;j++)

{

elementsA[j].checked = false;

}

}

}

else

{

len.checked = true;

if(elementsB.checked == false)

{

len.checked = false;

}

}

}

</script>

<table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#60A2EA">

    <tbody>

        <tr bgcolor="#FFFFFF" class="firstRow">

            <td height="22" colspan="5" align="left">

                商品信息查看

            </td>

        </tr>

        <tr align="center" class="white">

            <td height="22">

                选择

            </td>

            <td height="22">

                所属类别

            </td>

            <td height="22">

                商品名称

            </td>

            <td height="22">

                会员价

            </td>

            <td height="22">

                数量

            </td>

        </tr>

        <tr align="center" bgcolor="#FFFFFF">

            <td height="22">

                <input name="chk_id" type="checkbox" id="chk_id" value="1"/>

            </td>

            <td height="22">

                手机

            </td>

            <td height="22">

                P_L音乐手机

            </td>

            <td height="22">

                1980

            </td>

            <td height="22">

                200

            </td>

        </tr>

        <tr align="center" bgcolor="#FFFFFF">

            <td height="22">

                <input name="chk_id" type="checkbox" id="chk_id" value="2"/>

            </td>

            <td height="22">

                玻璃制品

            </td>

            <td height="22">

                迷你水杯

            </td>

            <td height="22">

                49

            </td>

            <td height="22">

                500

            </td>

        </tr>

        <tr align="center" bgcolor="#FFFFFF">

            <td height="22">

                <input name="chk_id" type="checkbox" id="chk_id" value="3"/>

            </td>

            <td height="22">

                音响

            </td>

            <td height="22">

                CXO音响

            </td>

            <td height="22">

                2070

            </td>

            <td height="22">

                200

            </td>

        </tr>

        <tr align="center" bgcolor="#FFFFFF">

            <td height="22">

                <input name="chk_id" type="checkbox" id="chk_id" value="4"/>

            </td>

            <td height="22">

                休闲装

            </td>

            <td height="22">

                休闲上衣

            </td>

            <td height="22">

                195

            </td>

            <td height="22">

                500

            </td>

        </tr>

        <tr align="center" bgcolor="#FFFFFF">

            <td height="22" colspan="5" align="left">

                &nbsp;&nbsp;<input name="chk_all" type="checkbox" id="chk_all" value="checkbox" onclick="CheckAll(this.form.chk_id,this.form.chk_all)"/>[全选/反选]

            </td>

        </tr>

    </tbody>

</table>


该文章在 2026/4/13 19:00:54 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2026 ClickSun All Rights Reserved  粤ICP备13012886号-9  粤公网安备44030602007207号