作者bigair (廣大的天空)
看板Web_Design
標題Re: [問題] 表單問題
時間Wed Jul 5 23:46:54 2006
※ 引述《rushcat (嗯)》之銘言：
: 目前是想做兩個radio 當 radio a 的值為1的時候 radio b 才會跑出來
: 爬了一下文 有找到div的用法@"@
: 但是有點怪怪的XD
: <script>
: function show(test){
: var obj = document.getElementById("aaa");
: if (obj.value=="1"){
: test.style.display='';
: test.Open="";
: }
: else if (obj.value=="2"){
: test.style.display='none'
: test.Closed="";
: }
: }
: </script>
: <div id="test1" style="display:block" >
: <input type="radio" name="a" value="1" id="aaa" onblur="show(test2)" />
: <input type="radio" name="a" value="2" id="aaa" onblur="show(test2)" />
: </div>
: <div id="test2" style="display:none">
: <input type="radio" name="b" value="1" />
: <input type="radio" name="b" value="2" />
: </div>
: 目前是按a 第二個 b不會出來 按第一個會出來
: 但是再按一次第二個 他還是不會不見XD (有點像繞口令)
: 簡單來說 就是出的來 收不回去...orz
: 請問是哪裡出了錯
: 感激大家!!~
試寫了一下，應該有你要的要求吧?
主要就是利用 javascript 去觸控 radio 的 onClick,
然後控制css的 display = none or block,
作這動作的同時，把radio b 的checked也清空
----
<html>
<head>
<style>
.status1 {
display: none;
}
.status2 {
display: block;
}
</style>
<script>
function emptyRadio() {
for(i=0;i<document.form1.b.length;i++) {
if(document.form1.b[i].checked){
document.form1.b[i].checked = false;
break;
}
}
}
</script>
</head>
<form name="form1">
<input type="radio" name="a" value="1"
onClick='test.className="status2";emptyRadio();' />a1
<input type="radio" name="a" value="2"
onClick='test.className="status1";emptyRadio();' />a2
<div id="test" class="status1">
<input type="radio" name="b" value="1" />b1
<input type="radio" name="b" value="2" />b2
</div>
</form>
</html>
--
︿●′︿誠徵花映塚對戰相手 (￣▽￣＃)﹏﹏
●﹀
●●〈﹨
http://www.wretch.cc/blog/bigair
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.167.76.224
※ 編輯: bigair 來自: 218.167.76.224 (07/05 23:47)
1F：推 rushcat:感激@"@ 我會努力理解他的...XDDD 辛苦了!~ 07/05 23:48
※ 編輯: bigair 來自: 218.167.76.224 (07/05 23:56)
2F：推 rushcat:我想問的是 form1.b.Checked=false; emptyRadio(); 07/05 23:56
3F：→ rushcat:這兩個作用是不是一樣@"@ 都是清空b的值!? 07/05 23:57
4F：→ bigair:form1.b.Checked=false; 是我腦殘寫錯的東西.. 忘了他吧 :P 07/06 00:00
5F：推 rushcat:XD 好 我忘記他了!~ 07/06 00:04