Question

当任何人点击任何付款图标，然后点击Next时，我想将它们发送到下一页。我怎样才能做到这一点？

<div class="container">
    <div class="row">
        <div class="paymentCont">
            <div class="headingWrap">
                <h3 class="headingTop text-center">Select Your Payment Method</h3>  
                <p class="text-center">Created with bootsrap button and using radio button</p>
            </div>
            <div class="paymentWrap">
                <div class="btn-group paymentBtnGroup btn-group-justified" data-toggle="buttons">
                    <label class="btn paymentMethod active">
                        <div class="method visa"></div>
                        <input type="radio" name="options" checked> 
                    </label>
                    <label class="btn paymentMethod">
                        <div class="method master-card"></div>
                        <input type="radio" name="options"> 
                    </label>
                    <label class="btn paymentMethod">
                        <div class="method amex"></div>
                        <input type="radio" name="options">
                    </label>
                    <label class="btn paymentMethod">
                        <div class="method vishwa"></div>
                        <input type="radio" name="options"> 
                    </label>
                    <label class="btn paymentMethod">
                        <div class="method ez-cash"></div>
                        <input type="radio" name="options"> 
                    </label>

                </div>        
            </div>
            <div class="footerNavWrap clearfix">
                <div class="btn btn-success pull-left btn-fyi">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    CONTINUE SHOPPING
                </div>
                <div class="btn btn-success pull-right btn-fyi">
                    Next
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

使用表单并添加提交按钮

     <div class="paymentWrap">
                    <div class="btn-group paymentBtnGroup btn-group-justified" data-toggle="buttons">
                        <form action="somepage.php" method="POST">
                        <label class="btn paymentMethod active">
                            <div class="method visa"></div>
                            <input type="radio" name="options" checked> 
                        </label>
                        <label class="btn paymentMethod">
                            <div class="method master-card"></div>
                            <input type="radio" name="options"> 
                        </label>
                        <label class="btn paymentMethod">
                            <div class="method amex"></div>
                            <input type="radio" name="options">
                        </label>
                         <label class="btn paymentMethod">
                            <div class="method vishwa"></div>
                            <input type="radio" name="options"> 
                        </label>
                        <label class="btn paymentMethod">
                            <div class="method ez-cash"></div>
                            <input type="radio" name="options"> 
                        </label>
                        <input type="submit" />
                      </form>
                    </div>        
                </div>

点击下一页应转到下一页

1 个答案: