只能选择一个的复选框-JS特效-爱易网页

只能选择一个的复选框

日期：2014-05-18　浏览次数：20123 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<script>
function checkBoxValidate(cb) {
for (j = 0; j < 8; j++) {
if (eval("document.myform.ckbox[" + j + "].checked") == true) {
document.myform.ckbox[j].checked = false;
if (j == cb) {
document.myform.ckbox[j].checked = true;
         }
      }
   }
}
</script>

第二步：把如下代码加入到<body>区域中

<form name=myform>
  <div align="center">选框 1 
    <input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(0)">
    <br>
    选框 2 
    <input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(1)">
    <br>
    选框 3 
    <input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(2)">
    <br>
    选框 4 
    <input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(3)">
    <br>
    选框 5 
    <input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(4)">
    <br>
    选框 6 
    <input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(5)">
    <br>
    选框 7 
    <input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(6)">
    <br>
    选框 8 
    <input type="checkbox" name="ckbox" onClick="javascript:checkBoxValidate(7)">
    <br>
  </div>
</form>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

美剧讲硅谷创业者：远不及现实荒诞？

凑足了升级ios8所需要的5.7G空间，没料到“苹果”却变成“板砖”，iOS8还能一起愉快玩耍吗？

索尼移动中国区陷裁员风波：业务不佳员工焦虑

谷歌安卓全球副总裁为何跳槽中国企业小米？

苹果20年以来首次发债融资170亿美元

工商下月将整治手机市场

腾讯为何在与阿里百度的收购比赛中当看客？

Android应用审核乱象：诈骗软件冲上排行榜首

虚拟运营商们更像三大运营商的“二道贩子”

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>