|
Сообщение от Xamelion
|
|
вот полный пример
|
Учись делать тестовые примеры, дабы не напрягать других...
И поменяй ИД с точками на подчеркивания или минусы.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
$('#payment-method :radio').change(function(){
if ($(this).hasClass('cod')) {
$('#flat_flat').prop('checked',true);
} else {
$('#free_free').prop('checked',true);
};
});
});
</script>
</head>
<body>
<div class="quickcheckoutright">
<div id="shipping-method">
<div class="quickcheckout-heading"><i class="fa fa-truck"></i> Способы доставки</div>
<div class="quickcheckout-content">
<p>Выберите удобный способ доставки для данного заказа</p>
<table class="table " style="margin-bottom: 0">
<tbody>
<tr>
<td>
<input type="radio" name="shipping_method" value="free.free" id="free_free" checked="checked">
</td>
<td><label for="free.free">Бесплатная доставка</label></td>
<td style="padding:1px!important">
</td>
<td style="text-align:right;width: 22%;"><label for="free.free">0тг.</label></td>
</tr>
<tr>
<td>
<input type="radio" name="shipping_method" value="flat.flat" id="flat_flat">
</td>
<td><label for="flat.flat">Доставка наложенным платежом, казпочтой </label></td>
<td style="padding:1px!important">
</td>
<td style="text-align:right;width: 22%;"><label for="flat.flat">1000тг.</label></td>
</tr>
</tbody>
</table>
<input type="text" name="delivery_date" value="" class="hide">
<select name="delivery_time" class="hide"><option value=""></option></select>
</div>
</div>
<div id="payment-method">
<div class="quickcheckout-heading">
<i class="fa fa-credit-card"></i>Способы оплаты
<p class="quickcheckout_payment_heading_delivery" style="float: right; margin: 0 0 0px; padding-right: 100px;">Доставка</p>
</div>
<div class="quickcheckout-content">
<p>Выберите способ оплаты для данного заказа</p>
<table class="table" style="margin-bottom:0">
<tbody><tr>
<td>
<input type="radio" name="payment_method" value="bank_transfer" class="bank_transfer" checked="checked">
</td><td class="zame"><label for="bank_transfer">Предоплата на карту Казком.</label> <p style="float: right; margin: 0 0 0px;">Бесплатная</p></td>
<td></td>
</tr>
<tr>
<td>
<input type="radio" name="payment_method" value="bank_transfer" class="bank_transfer" checked="checked">
</td><td class="zame"><label for="bank_transfer">Предоплата на баланс телефона.</label> <p style="float: right; margin: 0 0 0px;">Бесплатная</p></td>
<td></td>
</tr>
<tr>
<td>
<input type="radio" name="payment_method" value="bank_transfer" class="bank_transfer" checked="checked">
</td><td class="zame"><label for="bank_transfer">Предоплата на Киви кошелёк.</label> <p style="float: right; margin: 0 0 0px;">Бесплатная</p></td>
<td></td>
</tr>
<tr>
<td>
<input type="radio" name="payment_method" value="cod" class="cod">
</td><td class="zame"><label for="cod">Оплата наложенным платежом при получении на почте.</label> <p style="float: right; margin: 0 0 0px;">1000 тг.</p></td>
<td></td>
</tr>
</tbody>
</table>
<textarea name="survey" class="hide"></textarea>
<textarea name="comment" class="hide"></textarea>
</div>
</div>
</div>
</body>
</html>