Радиокнопка и поле ввода

Question

Я хочу создать форму, в которой пользователи могут выбирать из набора переключателей, и если им не нравится какой-либо выбор, они могут использовать последний переключатель, в котором будет текстовое поле, где они могут вводить собственный текст.

Я видел это на нескольких сайтах.просто интересно где и как это было реализовано

Answer 1

Я сделал тебе пример, ты этого хотел? 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;
}

Answer 2

хммм @Dai был быстрее меня: P ... но в любом случае, это не навязчивый способ сделать то же самое с помощью Mootools (если вы не хотите смешивать код js и 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');
}

Answer 3

создайте три переключателя, и ваше поле ввода затем отключите поле ввода. Присоедините событие javascript к третьей радиокнопке, которая вызывает функцию javascript. Затем эта функция активирует поле ввода, позволяя пользователю ввести собственную опцию. Вы также должны добавить события javascript к двум другим переключателям, чтобы отключить поле ввода, если они выбраны повторно.