复选框互斥

第一种：

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

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

第二种：

<input type="checkbox" name="cbox" value="cbox1" onClick="chooseOne(this);">checkBox1

     <input type="checkbox" name="cbox" value="cbox2" onClick="chooseOne(this);">checkBox2

     <input type="checkbox" name="cbox" value="cbox3" onClick="chooseOne(this);">checkBox3

     <input type="checkbox" name="cbox" value="cbox4" onClick="chooseOne(this);">checkBox4

<script>

     //chooseOne()函式，參數為觸發該函式的元素本身

     function chooseOne(cb){

    

         //先取得同name的chekcBox的集合物件

         var obj = document.getElementsByName("cbox");

         for (i=0; i<obj.length; i++){

        

             //判斷obj集合中的i元素是否為cb，若否則表示未被點選

             if (obj!=cb) obj.checked = false;

             //若是 但原先未被勾選 則變成勾選；反之 則變為未勾選

           // else obj.checked = cb.checked;

             //若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行

             else        

            obj.checked =true;

              

         }

     }

</script>