复选框互斥

第一种：

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