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互斥功能”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!