You are on page 1of 3

.

,
.

html .
(<input>) . name="method"
label .
value .
. . class=
method_form id ,
. ,
.
, ,
. .

1. , , :
a. , method.
,
method,
(checked=checked).
b. , method (name="method")
, (checked=checked).
method_form(class=method_form)
id value .
c. method.
label .
label , checked
selected_method.
2. (
)
:
a. selected_method,
selected_method.
b. method_form id name
,
method_name .
c. method_name,
, ,
method_name,
. ,
.


:
1.
. ..
: $('#block).superPlugin({}).
block.
2. ,
jQuery.

3. , ,
( ),
,
.



<form
method="POST">

<div style='display:none'><input type='hidden' name='csrfmiddlewaretoken'


value='86d92d3dacf0d7436652054417db71a3' /></div>
<li><label for="id_method_0"><input
disabled="disabled"
type="radio" id="id_method_0" value="pay_on_delivery"
name="method"/> Pay on delivery</label></li>
<li><label for="id_method_1"><input
checked="checked"
type="radio" id="id_method_1" value="robokassa"
name="method"/> Robokassa</label></li>
<li><label for="id_method_2"><input
type="radio" id="id_method_2" value="transfer_individual"
name="method"/> Transfer Individual</label></li>
<li><label for="id_method_3"><input
type="radio" id="id_method_3" value="transfer_legal"
name="method"/> Transfer Legal</label></li>
<li><label for="id_method_4"><input
type="radio" id="id_method_4" value="other"
name="method"/> Other</label></li>
<hr>
<div id="pay_on_delivery" class="method_form" >
<h3>Pay on delivery</h3>
<hr>
</div>
<div id="robokassa" class="method_form" >
<h3>Robokassa</h3>
<hr>
</div>
<div id="transfer_individual" class="method_form" >
<h3>Transfer Individual</h3>
<p><label for="id_transfer_individual-payment_full_name">Payment full
name:</label> <input id="id_transfer_individual-payment_full_name" type="text"
name="transfer_individual-payment_full_name" maxlength="255" /></p>
<p><label for="id_transfer_individual-payment_address">Address:</label>

<textarea id="id_transfer_individual-payment_address" rows="10" cols="40"


name="transfer_individual-payment_address"></textarea></p>
<hr>
</div>
<div id="transfer_legal" class="method_form" >
<h3>Transfer Legal</h3>
<p><label for="id_transfer_legal-payment_full_name">Payment full
name:</label> <input id="id_transfer_legal-payment_full_name" type="text"
name="transfer_legal-payment_full_name" maxlength="255" /></p>
<p><label for="id_transfer_legal-payment_address">Address:</label> <textarea
id="id_transfer_legal-payment_address" rows="10" cols="40"
name="transfer_legal-payment_address"></textarea></p>
<p><label for="id_transfer_legal-payment_legal_inn">Payment legal inn:</label>
<input id="id_transfer_legal-payment_legal_inn" type="text"
name="transfer_legal-payment_legal_inn" maxlength="255" /></p>
<p><label for="id_transfer_legal-payment_legal_kpp">Payment legal
kpp:</label> <input id="id_transfer_legal-payment_legal_kpp" type="text"
name="transfer_legal-payment_legal_kpp" maxlength="255" /></p>
<hr>
</div>
<div id="other" class="method_form" >
<h3>Other</h3>
<p><label for="id_other-payment_comment">Comment:</label> <textarea
id="id_other-payment_comment" rows="10" cols="40" name="otherpayment_comment"></textarea></p>
<hr>
</div>
<button type="submit">finalize</button>
</form>