javascript
html中纯js互斥按钮,JS如何实现checkbox互斥功能
JS如何實現checkbox互斥功能
發布時間:2021-04-19 14:19:45
來源:億速云
閱讀:88
作者:小新
這篇文章主要介紹了JS如何實現checkbox互斥功能,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
具體如下:
www.jb51.net?CheckBox單選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
//指定下拉框中選擇的項
}
}
A組
value="checkbox"?id="chk1"?onClick="sel1(this)">
B組
value="checkbox"?id="chk2"?onClick="sel2(this)">
C
個人
200米
400米
800米
200米接力
感謝你能夠認真閱讀完這篇文章,希望小編分享的“JS如何實現checkbox互斥功能”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
總結
以上是生活随笔為你收集整理的html中纯js互斥按钮,JS如何实现checkbox互斥功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: cocos label html文本,【
- 下一篇: JavaScript中几个优雅的运算符使