라디오 버튼과 입력 필드

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 이벤트를 추가하여 입력 필드를 다시 선택하면 해당 필드를 비활성화해야합니다.

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