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

熱點內容
需求分析工具 瀏覽：278
linux分配磁碟 瀏覽：927
數控編程在哪裡學比較好 瀏覽：610
win10開始菜單關機 瀏覽：295
linux文件名空格 瀏覽：208
蘋果手機如何將app進行分類 瀏覽：933
word中封面設計 瀏覽：840
iphone4s怎麼看flash 瀏覽：231
神經網路與反向傳播 瀏覽：656
如何安裝縣醫院app 瀏覽：3
word表格合並單元格之後邊框沒了 瀏覽：141
做應用的都是什麼編程語言 瀏覽：633
磁碟清理一般都刪哪些文件 瀏覽：387
愛奇藝會員怎麼查賬號密碼 瀏覽：454
word保存不了文件發生錯誤 瀏覽：569
android圖片文件存入資料庫 瀏覽：901
書香門第安卓 瀏覽：395
如何分離編程數值 瀏覽：996
描述文件是幹嘛的 瀏覽：868
文件格式化恢復 瀏覽：353

友情鏈接