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互斥功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。