Зависимые поля. Чекбокс и текстовое поле

[Jetpilot]

Хочу сделать 2 радиокнопки. При нажатии на Радиокнопку1, повляется Поле1. А при нажатии на Радиокнопку2, появляются Поле2 и Поле3. При этом Поле1 исчезает.

[ksa]

Хочу сделать

Таки делай... Что мешает?

[Jetpilot]

Таки я с javascript не дружу)) Набросал тут малехо, незнаю правда насколько корректно.

upd: Не работает в ff, opera, chrome. Может кто подскажет?

<script>
function izmen_rad(chto){
if(chto==1){
document.getElementById("pole1").style.display="";
document.getElementById("pole2").style.display="none";
document.getElementById("pole3").style.display="none";
document.getElementById("chek2").checked=false;
document.getElementById("chek1").checked=true;
}
if(chto==2){
document.getElementById("pole1").style.display="none";
document.getElementById("pole2").style.display="";
document.getElementById("pole3").style.display="";
document.getElementById("chek1").checked=false;
document.getElementById("chek2").checked=true;
}
}
</script>
<table>
<tr>
<td>
Радио1:<input id="chek1" type="radio" value="1" onclick="izmen_rad(this.value)" name="chek1"><br />
Радио2:<input id="chek2" type="radio" value="2" onclick="izmen_rad(this.value)" name="chek2">
</td>
</tr>
<tr>
<td id="pole1" style="display:none;">
Поле1:<input type="text" name="pole1">
</td>
</tr>
<tr>
<td id="pole2" style="display:none;">
Поле2 :<input name="pole2"><br />
Поле3:<input name="pole3" >
</td>
</tr>
</table>

[Pavel M.]

Не работает в ff, opera, chrome. Может кто подскажет?

чтобы ваш пример заработал можно его немного поправить

для радиокнопок имя одинаковое

и закомментировал лишнее

<script>
function izmen_rad(chto){
    if(chto==1){
        document.getElementById("pole1").style.display="";
        document.getElementById("pole2").style.display="none";
        //document.getElementById("pole3").style.display="none";
        //document.getElementById("chek2").checked=false;
        //document.getElementById("chek1").checked=true;
    }
    if(chto==2){
        document.getElementById("pole1").style.display="none";
        document.getElementById("pole2").style.display="";
        //document.getElementById("pole3").style.display="";
        //document.getElementById("chek1").checked=false;
        //document.getElementById("chek2").checked=true;
    }
}
</script>


<table>
<tr>
<td>
Радио1:<input id="chek1" type="radio" value="1" onclick="izmen_rad(this.value)" name="*!*chek12*/!*"><br />

Радио2:<input id="chek2" type="radio" value="2" onclick="izmen_rad(this.value)" name="*!*chek12*/!*">
</td>
</tr>
<tr>
<td id="pole1" style="display:none;">
Поле1:<input type="text" name="pole1">
</td>
</tr>
<tr>
<td id="pole2" style="display:none;">
Поле2 :<input name="pole2"><br />
Поле3:<input name="pole3" >
</td>

</tr>
</table>

[Jetpilot]

Pavel M., спасибо Вам большое за помощь. Все работает отлично. Надеюсь еще кому-нибудь пригодится.