导航:首页 > 编程语言 > 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状态切换相关的资料

热点内容
大数据与工业的结合包括哪些领域 浏览：993
苹果7闹钟铃声设置歌曲 浏览：168
法庭文件有哪些 浏览：211
zip文件怎么删除吗 浏览：247
win1016179安装失败 浏览：457
pp助手的文件系统 浏览：218
设计网站横幅广告要哪些因素 浏览：991
劳务报酬认定在多少号文件 浏览：209
本地数据传输业务有什么用途 浏览：375
什么情侣app好用 浏览：575
旅游攻略适合下什么app 浏览：403
nodejsbusboy下载 浏览：106
同事不会送文件找不到地方 浏览：473
银联万事达applepay 浏览：834
试玩怎么推广app 浏览：588
课设报告中数据结构写什么东西 浏览：44
男生怎么搜到网站的 浏览：441
当前无网络怎么解决 浏览：299
x200thinkpad升级 浏览：568
华为mate8几个版本的区别 浏览：582

友情链接