导航:首页 > 编程语言 > js状态切换

js状态切换

 发布时间：2024-12-26 04:04:58

① js点击一个div控制另一个div内容的显示与隐藏同时小图标也要切换状态，页面有好几个这样的div。

1,onclick获取点击的div元素onclick="xxxx(this)"
2,通过点击div与需要操控的div相对位置，过去需要操控的div，如obj.getElementsByTagName("div");
3,对这些div进行直接的操作。div.style.visibility="hidden"或者div.style.display="none" 这些看你的具体需求。

② JS怎样操作改变radio的状态

<!DOCTYPEhtml>
<html>
	<head>
		<metacharset="UTF-8"/>
		<title>JS怎样操作改变radio的状态</title>
		<script>
			varradio=function(name){
				this.name='';//单选框名字
				this.members=[];//单选框的成员
				
				this.init=function(name){//初始化
					varnewMembers=[];//新的成员
					this.name=name;
					this.members=document.body.getElementsByTagName('input');
					for(vari=0;i<this.members.length;i++){
						if(this.members[i].name==this.name){
							newMembers.push(this.members[i]);
						}
					}
					this.members=newMembers;//覆盖
				}
				this.select=function(index){//看这个函数就行，其他的请无视
					for(vari=0;i<this.members.length;i++){
						if(i==index){
							this.members[i].checked=true;
						}else{
							this.members[i].checked=false;
						}
					}
				}
				this.init(name);
			}
			window.onload=function(){
				window.sex=newradio('sex');
			}
		</script>
	</head>
	<body>
		<divclass="main">
			<span>请选择你的性别：</span>
			<inputtype="radio"name="sex"value="男"><span>男</span>
			<inputtype="radio"name="sex"value="女"><span>女</span>
			<hr/>
			<buttononclick="sex.select(0)">选择男</button>
			<buttononclick="sex.select(1)">选择女</button>
			<buttononclick="sex.select(-1)">都不选</button>
		</div>
	</body>
</html>

只要控制radio元素checked属性即可

这里写了个案例（写完才发现，忘了检查类型了，不过不影响这题的回答）

附图：

阅读全文

与js状态切换相关的资料

热点内容
cefs文件系统 浏览：404
学平面设计个编程哪个好 浏览：701
如何把编程文件转为hex 浏览：80
清除苹果地图来自地址 浏览：233
已经打开的文件如何清理 浏览：685
视频网站有什么用 浏览：70
多个表格文件怎样压缩文件 浏览：729
cad文件大很卡如何解决 浏览：633
将java程序打包成apk 浏览：277
2021唱吧文件找不到了 浏览：463
华为p9手机文件管理 浏览：284
固定在工具栏的文件夹怎么查找路径 浏览：667
半条命2有几个版本 浏览：333
电脑管家微信备份文件夹 浏览：826
ubuntu文件夹解锁 浏览：34
网站多少钱一单 浏览：382
系统镜像恢复找不到文件 浏览：255
进什么网站 浏览：588
修改了配置文件代码没有读出来 浏览：749
vss数据库是什么 浏览：899

友情链接