Botón de radio y un campo de entrada

Quiero configurar un formulario donde los usuarios puedan elegir entre un conjunto de botones de opción y si no les gusta, pueden usar el último botón de opción que tendrá un campo de texto donde pueden ingresar el texto personalizado.

He visto esto en algunos sitios. solo me preguntaba dónde y cómo se implementó

Te hice un ejemplo, ¿es esto lo que querías? http://www.jsfiddle.net/T7gE7/

var temp = ''; function disableTxt() { var field = document.getElementById("other"); if(field.value != '') { temp = field.value; } field.style.display = "none"; field.value = ''; } function enableTxt() { document.getElementById("other").style.display = "inline"; document.getElementById("other").value = temp; } 

hmmm @Dai fue más rápido que yo: P … pero de todos modos, esta es una forma no intrusiva de hacer lo mismo usando Mootools (si no quieres mezclar el código js y html)

http://jsfiddle.net/raKbZ/1/

 $('radio4').addEvent('change',function(E){ if(E.target.checked){ enableInput(); } }); $$('.normal').each(function(radio){ radio.addEvent('change',function(E){ if(E.target.checked){ disableInput(); } }); }); function enableInput(){ $('other').set('disabled',''); $('other').setStyle('background-color','#fff'); } function disableInput(){ $('other').set('disabled','disabled'); $('other').setStyle('background-color','#d4d4d4'); } 

cree tres botones de opción y su campo de entrada, luego configure el campo de entrada para que se deshabilite. Adjunte un evento de javascript al tercer botón de radio que llama a una función de JavaScript. Esta función habilitará el campo de entrada que permite al usuario ingresar su propia opción. También debe agregar eventos de JavaScript a los otros dos botones de radio para deshabilitar el campo de entrada si se vuelven a seleccionar.