ラジオボタンと入力フィールド

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

3つのラジオボタンと入力フィールドを作成し、入力フィールドを無効にするように設定します。 javascript関数を呼び出す3番目のラジオボタンにjavascriptイベントをアタッチします。この機能は、ユーザが自分のオプションを入力できるようにするための入力フィールドを有効にする。他の2つのラジオボタンにjavascriptイベントを追加して、入力フィールドが再選択された場合は無効にする必要があります。

Answer 3

なるほど@Daiが速く私よりだった：P ...とにかく、これはあなたがjsファイルとhtmlコードをミックスしたいいけない場合（MooToolsはを使用して同じことを行うための非侵入的な方法であります）

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'); 
}