复选框单选

来源:互联网 发布:网络开票系统初始密码 编辑:程序博客网 时间:2024/05/16 19:48

要完成此效果需要两个步骤第一步:把如下代码加入到区域中第二步:把如下代码加入到区域中

选框 1
选框 2
选框 3
选框 4
选框 5
选框 6
选框 7
选框 8

 

 

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

第一步:把如下代码加入到<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>