Hola, ptoledo
No estoy seguro de entender todo lo que quieres, pero al menos parte sería así:
1) Las opciones excluyentes se consiguen usando controles de tipo 'radio' con un mismo nombre, así:
Código HTML:
<form>
<input type="radio" name="grupoA" value="1">Opción A1
<input type="radio" name="grupoA" value="2">Opción A2
<input type="radio" name="grupoA" value="3">Opción A3
Escribe algo:<input type="text" name="textoA">
<br><br>
<input type="radio" name="grupoB" value="1">Opción B1
<input type="radio" name="grupoB" value="2">Opción B2
<input type="radio" name="grupoB" value="3">Opción B3
Escribe algo:<input type="text" name="textoB">
</form>
(También podrías ponerlas en un select.)
2) ¿Qué es exactamente lo que quieres hacer con los textbox? Para "deshabilitarlos" se puede usar una función. Por ejemplo, para deshabilitar el textbox cuando se elija la opción 3 sería:
Código HTML:
<input type="radio" name="grupoA" value="1" onClick="this.form.textoA.disabled=false">Opción A1
<input type="radio" name="grupoA" value="2" onClick="this.form.textoA.disabled=false">Opción A2
<input type="radio" name="grupoA" value="3" onClick="this.form.textoA.disabled=true">Opción A3
Si, además, quieres que se borre su texto, así:
Código HTML:
<input type="radio" name="grupoA" value="3" onClick="this.form.textoA.value='';this.form.textoA.disabled=true">Opción A3
Bueno, ya me dirás si eso te vale o querías otra cosa.
