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

热点内容
漫漫长夜数据丢失如何找回 浏览：770
xy苹果助手ipad越狱版 浏览：473
win10按键精灵无法运行 浏览：885
需求分析工具 浏览：278
linux分配磁盘 浏览：927
数控编程在哪里学比较好 浏览：610
win10开始菜单关机 浏览：295
linux文件名空格 浏览：208
苹果手机如何将app进行分类 浏览：933
word中封面设计 浏览：840
iphone4s怎么看flash 浏览：231
神经网络与反向传播 浏览：656
如何安装县医院app 浏览：3
word表格合并单元格之后边框没了 浏览：141
做应用的都是什么编程语言 浏览：633
磁盘清理一般都删哪些文件 浏览：387
爱奇艺会员怎么查账号密码 浏览：454
word保存不了文件发生错误 浏览：569
android图片文件存入数据库 浏览：901
书香门第安卓 浏览：395

友情链接