管理杂谈OA答疑ERP答疑教程搜索

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


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

<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">

                  <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>


更多精彩文章浏览...
点击右上角图标分享到朋友圈
官方网站:http://www.clicksun.cn
咨询热线:400-186-1886
服务邮箱:service@clicksun.cn