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)">

个人

200米

400米

800米

200米接力

感谢你能够认真阅读完这篇文章，希望小编分享的“JS如何实现checkbox互斥功能”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!

html中纯js互斥按钮,JS如何实现checkbox互斥功能相关推荐

php中的网页漂浮代码,网页中上下漂浮的按钮JS代码-DEDE
实现按钮在网页中的上下漂浮的效果,只要把以下代码放到页面的 head 标签之间就可以了. suspendcode=" " document.write(suspendcode); ...
怎么用java做水滴动画_‘纯css实现Material Design中的水滴动画按钮’的js体验优化...
前言在上一篇,我们已经实现了用纯css实现水滴扩散动画,但是有一些瑕疵,文章结尾处也提到过,一是页面加载进来就会看到按钮上的水滴动画运动一次,二是点击的时候不能根据鼠标的位置来扩散,今天我们来解决这 ...
Three.js中实现点击按钮添加删除旋转立方体
场景 Three.js中引入dat.gui库实现界面组件控制动画速度变量: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1193 ...
【前端】vue.js实现按钮的动态绑定
vue.js实现按钮的动态绑定实现效果: 实现代码以及注释: <!DOCTYPE html> <html> <head><title>按钮绑定< ...
js进阶 9-5 js如何确认form的提交和重置按钮
js进阶 9-5 js如何确认form的提交和重置按钮一.总结一句话总结: 1.这个并不好做:onsubmit 里面的代码必须返回false才能取消onsubmit方法的执行,所以,有return ...
cmstop框架中的js设计content.js
控制cmstop框架中action的js 内容模块找出当前页面的js的思路 01先找显示页面的当前文件.在页面文件中-->找(编辑,删除)按钮-->找获取这个按钮的js选择器 02看加载 ...
前台为html后台是asp在vs2012中建立什么,Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得...
Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得 < type="text/javascript"> < type="text/java ...
js中当等于最小值是让代码不执行_从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理...
前言见解有限,如有描述不当之处,请帮忙及时指出,如有错误,会及时修正. ----------超长文+多图预警,需要花费不少时间.---------- 如果看完本文后,还对进程线程傻傻分不清,不清楚浏 ...
网页中JS实现（调用）打印预览功能
近期的项目中需要在页面中实现打印预览功能--点击网页中的"打印"(Print),弹出打印预览窗口,点击窗口页面中的"开始打印"(Print),则出现浏览器的打印 ...

html中纯js互斥按钮,JS如何实现checkbox互斥功能

html中纯js互斥按钮,JS如何实现checkbox互斥功能相关推荐

最新文章

热门文章