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

熱點內容
ps3文件分割視頻 瀏覽：280
微信圖片一鍵轉發軟體 瀏覽：331
如何判斷s200plc編程電纜 瀏覽：691
太原編程培訓班哪個好 瀏覽：171
樹葉吹奏教程 瀏覽：6
社交app帶來了哪些社會問題 瀏覽：394
如何安裝愛寶8800數據採集器 瀏覽：712
文件保存了怎麼找不到了 瀏覽：476
彩票網站怎麼辨真假 瀏覽：840
pr找不到該文件 瀏覽：963
java移除panel 瀏覽：354
jsp填充jsp 瀏覽：166
海關外貿大數據在哪裡查 瀏覽：381
思特奇java筆試題 瀏覽：121
葫蘆俠在手機中的文件名 瀏覽：813
plc編程應該怎麼收錢 瀏覽：584
c語言中源文件由什麼組成 瀏覽：890
linuxhttpdphp配置文件 瀏覽：607
拆單數據要怎麼保存 瀏覽：17
mac電腦怎樣壓縮文件到100m 瀏覽：645

友情鏈接