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

熱點內容
cefs文件系統 瀏覽：404
學平面設計個編程哪個好 瀏覽：701
如何把編程文件轉為hex 瀏覽：80
清除蘋果地圖來自地址 瀏覽：233
已經打開的文件如何清理 瀏覽：685
視頻網站有什麼用 瀏覽：70
多個表格文件怎樣壓縮文件 瀏覽：729
cad文件大很卡如何解決 瀏覽：633
將java程序打包成apk 瀏覽：277
2021唱吧文件找不到了 瀏覽：463
華為p9手機文件管理 瀏覽：284
固定在工具欄的文件夾怎麼查找路徑 瀏覽：667
半條命2有幾個版本 瀏覽：333
電腦管家微信備份文件夾 瀏覽：826
ubuntu文件夾解鎖 瀏覽：34
網站多少錢一單 瀏覽：382
系統鏡像恢復找不到文件 瀏覽：255
進什麼網站 瀏覽：588
修改了配置文件代碼沒有讀出來 瀏覽：749
vss資料庫是什麼 瀏覽：899

友情鏈接