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

熱點內容
升級到win10後刪除 瀏覽：17
linuxtotalcommander 瀏覽：165
傳票翻打在電腦上下什麼app 瀏覽：39
db2查看資料庫字元集 瀏覽：449
小米私密文件移出後找不到 瀏覽：775
紅底白色的心是什麼app的標志 瀏覽：163
小冤家APP角色怎麼變回家長 瀏覽：822
夢幻西遊合寵模擬器網站是什麼 瀏覽：420
諾基亞930最新版本 瀏覽：201
ps製作主kv文件過大 瀏覽：884
車端面如何編程 瀏覽：279
win10u盤備份時間長 瀏覽：617
文件夾怎麼轉換為pdf 瀏覽：502
2008打開登錄密碼忘記了 瀏覽：771
蘋果7如何授權應用程序 瀏覽：899
怎樣把舊的文檔保存到桌面文件夾 瀏覽：827
wps雲數據如何恢復 瀏覽：496
微信發送過來文件 瀏覽：300
怎麼改合同網站 瀏覽：73
網路鬥地主記牌器怎麼實現的 瀏覽：377

友情鏈接