复选框全选、全不选和反选的效果实现 - 网页教程 - 泉州网站建设-自助建站-外贸网站建设
当前位置:HOME > 网页教程 > 综合特效
复选框全选、全不选和反选的效果实现
来源:泉州网站建设 作者:轩奇网讯 发布时间 2008-05-14 转载请注明来自泉州网络公司

以下是代码片段:


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JsCode.CN|---复选框全选、全不选和反选的效果实现</title>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function checkAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
if (box.checked == false) box.checked = true;
   }
}

function uncheckAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
if (box.checked == true) box.checked = false;
   }
}

function switchAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
box.checked = !box.checked;
   }
}
//  End -->
</script>
</head>

<body>

<form name=checkboxform>
<input type=checkbox name=C1 checked>C1<br>
<input type=checkbox name=C2 checked>C2<br>
<input type=checkbox name=C3 checked>C3<br>
<input type=checkbox name=C4 checked>C4<br>
<input type=checkbox name=C5 checked>C5<br>
<input type=checkbox name=C6 checked>C6<br>
<input type=checkbox name=C7 checked>C7<br>
<input type=checkbox name=C8 checked>C8<br>
<input type=checkbox name=C9 checked>C9<br>
<br>
<input type=button value="全部选中" onClick="checkAll()"><br>
<input type=button value="全部不选" onClick="uncheckAll()"><br>
<input type=button value="选择转换" onClick="switchAll()"><br>
</form>

</body>

</html>

 

企业网站定制自助建站申请

相关内容
    查无记录
轩奇网讯网络科技有限公司!专业服务于泉州中小企业网站建设、网页设计、自助建站、平面设计、企业推广等服务,帮助企业组建良好的网络市场,树立良好的网上企业形象!轩奇网讯为企业、个人提供优质的网站建设、网页设计、自助建站、网络推广、商业网站策划和平面设计以及网站推广等全套企业上网电子商务全程服务。
公司服务热线:0595-22519051   业务QQ:875738395   业务QQ:691096865  业务QQ:1206025406    E-mai:admin@0595zx.net
地址:福建省泉州市桥南片区南天裕景3幢2梯2205 邮编:362000
总机:0595-22519051 传真:0595-22927208 业务咨询:13559621427 业务咨询:13328992520
业务QQ销售:875738395 业务QQ销售:1206025406 技术支持:691096865
友情连接交换PR >= 3 在线QQ:875738395.定期查询
2005-2010 泉州轩奇网络有限公司
闽ICP备:08001315号
国际联网备案编号:44030000129642
轩奇网讯