導航:首頁 > 編程語言 > 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狀態切換相關的資料

熱點內容
編程與c語言哪個好學 瀏覽：624
智能手機如何恢復剪貼板數據 瀏覽：470
直播號是什麼app 瀏覽：333
cisco查看配置文件 瀏覽：414
如何做好團隊的統計數據 瀏覽：208
三星s5代碼 瀏覽：901
電腦打開u盤文件很卡是怎麼回事 瀏覽：53
學數控編程為什麼要先學畫圖 瀏覽：955
監控網路帶寬測算 瀏覽：542
網路ip電話怎麼使用 瀏覽：379
怎麼用cad編數控火焰切割編程 瀏覽：969
有什麼app可以一起看電視劇的 瀏覽：539
什麼app有幾萬人的群 瀏覽：101
哪個小說app看辰東小說 瀏覽：664
qq有種紅包y上兩點 瀏覽：798
沒學歷的怎麼學編程 瀏覽：906
無線橋接網路不穩定如何解決 瀏覽：284
孩子要學編程怎麼辦 瀏覽：635
matlab調用c程序心得 瀏覽：921
史記台灣版本 瀏覽：397

友情鏈接