JS如何實(shí)現(xiàn)checkbox互斥功能

發(fā)布時(shí)間：2021-04-19 14:19:45

來源：億速云

閱讀：88

作者：小新

這篇文章主要介紹了JS如何實(shí)現(xiàn)checkbox互斥功能，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

具體如下：

www.jb51.net?CheckBox單選

function?sel1(obj){

if(obj.checked){

//如果當(dāng)前項(xiàng)被選中了

document.all.chk2.checked=false

//則不能選擇第二組

document.all.sel1.selectedIndex=4

//指定下拉框中選擇的項(xiàng)

}

}

function?sel2(obj){

if(obj.checked){

//如果當(dāng)前項(xiàng)被選中了

document.all.chk1.checked=false

//則不能選擇第一組

document.all.sel1.selectedIndex=0

//指定下拉框中選擇的項(xiàng)

}

}

A組

value="checkbox"?id="chk1"?onClick="sel1(this)">

B組

value="checkbox"?id="chk2"?onClick="sel2(this)">

C

個(gè)人

200米

400米

800米

200米接力

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JS如何實(shí)現(xiàn)checkbox互斥功能”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

總結(jié)

以上是生活随笔為你收集整理的html中纯js互斥按钮,JS如何实现checkbox互斥功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。