1

jQueryを使用して、ラジオボタンに基づいてさまざまな情報を表示したいと考えています。

支払い処理業者を選択すると、関連する支払い方法の情報が右側に表示されます。

したがって、任意のボタンを選択すると、その支払い処理業者に関連する情報が表示され、同時に他の支払い処理業者に関連する情報が非表示になります。

これは私の HTML フォームです:

<form class="form-horizontal" action="<?php base_url(); ?>confirm_order" method="post">
    <fieldset>

        <div class="span4">
<!-- Left Side -->
            <input type="radio" checked="checked" name="paypal">Paypal<br/>
            <input type="radio" name="cart">Visa, Master Card, etc<br/>
            <input type="radio" name="cash_on_delevary">Cash on Delivery
<!-- End Left Side -->
        </div>
        <div class="span4">
            <!-- Right Side -->
            <div class="control-group" id="paypal">
                <label class="control-label" >Paypal Payment</label>
            </div>

            <div class="control-group" id="Cart">
                <label class="control-label" >Cart</label>
            </div>

            <div class="control-group" id="cash_on_delevary">
                <label class="control-label" >Cash on Delevary</label>
            </div>
            <!-- end Right Side -->
        </div>

        <input type="submit" name="Continue" class="btn btn-orange pull-right">
    </fieldset>
</form>

私に何ができる？

4

2 に答える 2

4

これはうまくいきます：

$("input[type='radio']").change(function() {
    $(".control-group").hide();
    $("#" + this.name).show();
});
于 2013-06-05T18:39:26.277 に答える