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

热点内容
华为p9手机文件管理 浏览：284
固定在工具栏的文件夹怎么查找路径 浏览：667
半条命2有几个版本 浏览：333
电脑管家微信备份文件夹 浏览：826
ubuntu文件夹解锁 浏览：34
网站多少钱一单 浏览：382
系统镜像恢复找不到文件 浏览：255
进什么网站 浏览：588
修改了配置文件代码没有读出来 浏览：749
vss数据库是什么 浏览：899
奇迹13单机系统找不到指定文件 浏览：719
flyme魅蓝3以前的版本 浏览：318
安卓文件管理哪些文件夹可以删除 浏览：290
安卓车载导航没有声音是怎么回事 浏览：810
cjson数组格式 浏览：159
vb文件在哪里 浏览：215
工厂里都招什么编程人员 浏览：932
jspsql登录 浏览：981
网络用语粉丝阅读什么意思 浏览：333
红头文件怎么打印 浏览：94

友情链接