1

投稿オプションが選択されたときに追加のオプションを表示する単純なフォームがあります。しかし、私が本当にやりたいことは、以前の非常によく似たラジオ ボタンのセットから選択の組み合わせが行われた場合にのみ、これらのオプションを表示することです。したがって、合計で 3 セットのラジオ ボタンがあります。1. 英国または海外への郵送、2. カード、口座または現金による支払い、3. 郵送オプション。以下で確認できます。追加の非表示の投稿オプションは、顧客が目的地として英国を選択し、かつ支払いが (カードまたは口座) であり、かつ投稿が必要な場合にのみ表示されます。

<style type="text/css">
    .show { display: block;  }
    .hide { display: none; }
</style>

<script type="text/javascript">
    function showSelect() {
        var select = document.getElementById('my_select');
        select.className = 'show';
    }
</script>


<div id="post">
    <fieldset class="post" > 
        <legend>
            <span class="wrap3">&nbsp;Please choose method of delivery &nbsp;&nbsp;</span>
        </legend> 

        <ul class="radio"> 
            <li>
                <input type="radio" name="Postage_Method" id="post"  value="Post"  onclick="showSelect();"/>
                <label for="post">&nbsp;Please Post</label>
            </li> 

            <select id="my_select" class="hide">
                <option value="nxday">Next Day Monday to Friday </option>
                <option value="b9">Before 9 a.m. Monday to Friday </option>
                <option value="b10">Before 10 a.m. Monday to Friday </option>
                <option value="b12">Before 12 a.m. Monday to Friday </option>
                <option value="sat9">Saturday Before 9 a.m.  </option>
                <option value="sat10">Saturday Before 10 a.m. </option>
            </select>


            <li>
                <input type="radio" name="Postage_Method" id="post" value="Arrange Own Pick Up " />
                <label for="own">&nbsp;Will arrange own pick up</label>
            </li> 

            <li>
                <input type="radio" name="Postage_Method" id="post" value="Collect in person" />
                <label for="collect">&nbsp;Will collect in person</label>
            </li> 
        </ul> 
    </fieldset> 
</div>
4

1 に答える 1

1

これに似たものが欲しいと思います:デモ

ここに同様の質問があります

onclick を使用する代わりにコードを変更し、onchage を使用します

更新 代わりにチェックボックスを使用しようとしましたか? チェックボックスを使用してコードを変更しました。これがあなたが求めている組み合わせであることを願っています。デモ2

お役に立てば幸いです。

于 2013-10-04T16:11:06.883 に答える