Имеется форма, в которой есть несколько <input type=text>
Виден только первый инпут, когда в него вводятся данные, то открывается второй и т.д.
<SCRIPT LANGUAGE="JavaScript">
function first() {
var ba = document.getElementById("quantity");
for ( var i = 0; i < document.calculate_price.group1.length; i++ ){
if ( document.calculate_price.group1[i].checked === true )
ba.readOnly=true;
}
}
function second() {
var browser=navigator.appName;
if (browser=="Microsoft Internet Explorer")still="block";else still="table-row";
document.getElementById("2").style.display = still;
}
</SCRIPT>
<form method="post" name="calculate_price">
<table id="calculator">
<tr>
<td class="a">1.</td><td class="b">Quantity:</td><td class="c"><input type="text" name="quantity" id="quantity" maxlength="10" class="small_blue" onChange="second()"/> (kg)</td>
</tr>
<tr id="2" style="display: none;">
<td>2.</td><td>Delivery:</td><td><span><input type="radio" name="group1" value="Milk" onKeyPress="first()"> Delivered</span><span><input type="radio" name="group1" value="Milk" onClick="first()"> Pickup</span>
</td>
</tr>