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

热点内容
maya粒子表达式教程 浏览：84
抖音小视频如何挂app 浏览：283
cad怎么设置替补文件 浏览：790
win10启动文件是空的 浏览：397
jk网站有哪些 浏览：134
学编程和3d哪个更好 浏览：932
win10移动硬盘文件无法打开 浏览：385
文件名是乱码还删不掉 浏览：643
苹果键盘怎么打开任务管理器 浏览：437
手机桌面文件名字大全 浏览：334
tplink默认无线密码是多少 浏览：33
ipaddgm文件 浏览：99
lua语言编程用哪个平台 浏览：272
政采云如何导出pdf投标文件 浏览：529
php获取postjson数据 浏览：551
javatimetask 浏览：16
编程的话要什么证件 浏览：94
钱脉通微信多开 浏览：878
中学生学编程哪个培训机构好 浏览：852
荣耀路由TV设置文件共享错误 浏览：525

友情链接