本文實例講述了JS實現checkbox互斥(單選)功能。分享給大家供大家參考，具體如下：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>www.gxlcms.com CheckBox單選</title>
<script language="javascript">
function sel1(obj){
if(obj.checked){
//如果當前項被選中了
document.all.chk2.checked=false
//則不能選擇第二組
document.all.sel1.selectedIndex=4
//指定下拉框中選擇的項
}
}
function sel2(obj){
if(obj.checked){
//如果當前項被選中了
document.all.chk1.checked=false
//則不能選擇第一組
document.all.sel1.selectedIndex=0
//指定下拉框中選擇的項
}
}
</script>
</head>
<body>
<p>A組
<input type="checkbox" name="checkbox"
value="checkbox" id="chk1" onClick="sel1(this)">
</p>
<p>B組
<input type="checkbox" name="checkbox2"
value="checkbox" id="chk2" onClick="sel2(this)">
</p>
<p>C
<select name="select" id="sel1">
<option selected="selected">個人</option>
<option>200米</option>
<option>400米</option>
<option>800米</option>
<option>200米接力</option>
</select>
</p>
</body>
</html>
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 m.alabama37th.com 版權所有
違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務
