checkBox单选

最新推荐文章于 2023-03-09 17:46:53 发布

鎏金岁月-Ban

最新推荐文章于 2023-03-09 17:46:53 发布

阅读量451

点赞数

分类专栏： JS

11 篇文章 0 订阅

订阅专栏

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

	<script>
	//chooseOne()函式，參數為觸發該函式的元素本身
	function chooseOne(cb){
	//先取得同name的chekcBox的集合物件
	var obj = document.getElementsByName("cbox");
	for (i=0; i<obj.length; i++){
	//判斷obj集合中的i元素是否為cb，若否則表示未被點選
	if (obj[i]!=cb) obj[i].checked = false;
	//若是但原先未被勾選則變成勾選；反之則變為未勾選
	//else obj[i].checked = cb.checked;
	//若要至少勾選一個的話，則把上面那行else拿掉，換用下面那行
	else obj[i].checked = true;
	}
	}
	</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注