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

熱點內容
cocoapods版本更新 瀏覽：361
國外it大神教你學習如何編程 瀏覽：312
手機存儲應用程序 瀏覽：284
頁面自適應屏幕如何調整代碼數據 瀏覽：681
jsjson工具 瀏覽：299
資料庫中如何備份一張表的數據 瀏覽：739
網路設備能用到什麼 瀏覽：64
暴風轉碼如何添加文件夾 瀏覽：515
延安整合網路營銷有哪些 瀏覽：74
查找word打開過的文件在哪裡 瀏覽：137
b樹java代碼 瀏覽：683
電腦文件存儲 瀏覽：657
蘭州中考徵集志願在哪個網站 瀏覽：215
cs文件上傳下載 瀏覽：244
拷貝文件到根目錄下重命名linux 瀏覽：603
api函數的頭文件 瀏覽：249
華為怎麼綁定迷你編程 瀏覽：215
機構怎麼申請少兒編程考級 瀏覽：495
崑山數控編程哪裡好學 瀏覽：459
jspcfor跳出 瀏覽：65

友情鏈接