選擇不同的radio出現不同checkbox

假設我的表單有radio和checkbox,radio選項有A和B,當我點選A時checkbox的值會立即出現abcd,點選B時checkbox的值會立即出現wxyz,要立即出現喔。

我的網頁主要是用PHP語法,只用PHP寫得出來嗎?還是有什麼語法可以寫呢?可不可以提供範例說明呢><?....(說明不清楚我可以再補充...麻煩了><)

已更新項目:

感謝Evan.Tuning ^^,好厲害,是我想要的~只是我可以再請問一下onclick="

document.getElementById('chk_1').style.display='inline';這一行是什麼意思嗎?

3 個解答

評分
  • 9 年前
    最佳解答

    這要靠 javascript 了。

    我寫 javascript 都很精簡,有時都自我懷疑會不會太簡陋。

    範例:

    <form name="fm_1">

    <input type="radio" name="btn_1" onclick="

    document.getElementById('chk_1').style.display='inline';

    document.getElementById('chk_2').style.display='none';

    " checked />A<br />

    <input type="radio" name="btn_1" onclick="

    document.getElementById('chk_1').style.display='none';

    document.getElementById('chk_2').style.display='inline';

    " />B<br />

    <div id="chk_1">

    <input type="checkbox" name="ckb1" value="a" checked />a<BR />

    <input type="checkbox" name="ckb1" value="b" />b<BR />

    <input type="checkbox" name="ckb1" value="c" />c<BR />

    <input type="checkbox" name="ckb1" value="d" />d<BR />

    </div>

    <div id="chk_2" style="display: none;">

    <input type="checkbox" name="ckb1" value="w" checked />w<BR />

    <input type="checkbox" name="ckb1" value="x" />x<BR />

    <input type="checkbox" name="ckb1" value="y" />y<BR />

    <input type="checkbox" name="ckb1" value="z" />z<BR />

    </div>

    <input type="submit" />

    </form>

    注意:表格送出後,要因 radio 的選擇而過濾 ckb1 的接收值。因為,我只用了一組名為 ckb1 的 checkbox。這樣不用再加指令清除 checkbox 的選擇,使用者也可以自由換區不重選。

    由接收程式來處理,後處理掌握度可高一點。

    2011-08-05 10:28:56 補充:

    onclick="

    document.getElementById('chk_1').style.display='inline';

    document.getElementById('chk_2').style.display='none';

    "

    是一組 javascript,一個按下去的動作「onclick」,會作二件事:(英文直譯)

    1、文件中的 id 為 chk_1 的物件的樣式中的顯示部分 = inline(顯示)

    2、文件中的 id 為 chk_2 的物件的樣式中的顯示部分 = none(不顯示)

    2011-08-05 10:30:32 補充:

    無法再補充?

  • 匿名使用者
    9 年前

    網頁設計師您了解seo的重要性嗎?鹿鼎seo關鍵字行銷,無效可保證退費(需簽約)

    馬上搶頭香洽: http://workmail.cc/smtp.htm 王先生

  • 丘引
    Lv 6
    9 年前

    用以下二程式串起來執行,就可以了。一、主程式:<form action=radiocheck.php method=post><tr><td><input type=radio name=cb value=1 ></td><td align=left>A</td></tr><tr><td><input type=radio name=cb value=2 ></td><td align=left>B</td></tr> <tr><td align=right></td><td><input type=submit name=sb value="確定" ></td></tr> </form> 二、接收程式(radiocheck.php):<form action=radiocheck.php method=post><tr><td><input type=radio name=cb value=1 ></td><td align=left>A</td></tr><tr><td><input type=radio name=cb value=2 ></td><td align=left>B</td></tr> <tr><td align=right></td><td><input type=submit name=sb value="確定" ></td></tr> </form><?php$c=$_POST['cb'];if ($c==1){$s1="a";$s2="b";$s3="c";$s4="d";}else{$s1="w";$s2="x";$s3="y";$s4="z";}?> <form ><tr><td><input type=checkBox name=cb1 value=1 ><?php echo "$s1"?><input type=checkBox name=cb2 value=2 ><?php echo "$s2"?><input type=checkBox name=cb3 value=3 ><?php echo "$s3"?><input type=checkBox name=cb3 value=3 ><?php echo "$s4"?></td></tr></form>

還有問題?馬上發問,尋求解答。