Re: [問題] 表單問題
※ 引述《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)
推
07/05 23:48, , 1F
07/05 23:48, 1F
※ 編輯: bigair 來自: 218.167.76.224 (07/05 23:56)
推
07/05 23:56, , 2F
07/05 23:56, 2F
→
07/05 23:57, , 3F
07/05 23:57, 3F
→
07/06 00:00, , 4F
07/06 00:00, 4F
推
07/06 00:04, , 5F
07/06 00:04, 5F
討論串 (同標題文章)