라디오 버튼 텍스트 영역

Question

이 설문지는 완벽하게 정상적으로 작동합니다. 난이 질문 하나만 바꿔 줘야 해. 기본적으로 Answers "Yes"및 "No"에 대한 두 개의 라디오 버튼과 그 아래에 텍스트 영역이 있습니다. 이제 사용자가 "예"라디오 버튼을 선택하지 않으면 텍스트 영역을 잠그고 싶습니다. 텍스트 영역에 "예"라는 이유를 입력 할 수 있습니다.

나는이 기능을 둘러 보았지만 시도했지만 작동하지 않는 것 같습니다.

<script> 
 
    function validate() { 
 
    var radioYes = document.getElementById('radioYes'); 
 
    var textarea = document.getElementById('question5comment'); 
 

 
    if (radioYes.checked && question5comment.value.length < 1) { 
 
     alert('Please enter your reason for Question 5.'); 
 
     question5comment.focus(); 
 
     return false; 
 
    } 
 
    } 
 

 
    function toggle(value) { 
 
    document.getElementById('question5comment').disabled = value; 
 
    } 
 
</script> 
 

 
5. Are you using other non-franchise service centres? 
 
<br> 
 
*if yes is there any other reason you would do so other than price 
 
<br> 
 
<input type="radio" name="question5" 
 
     value="Yes" required>Yes 
 
<br> 
 
<input type="radio" name="question5" 
 
     <value="No" required>No 
 
<br> 
 
<textarea name="question5comment" rows="5" cols="40" required></textarea>

Answer 1

귀하의 구문이 잘못되었습니다 : value 전에 < 불필요한

1. .
2. 아니요 코드에서 참조하는 id입니다.
3. 구문 오류입니다. 다음

사용 :

function validate() { 
 
    var radioYes = document.getElementById('radioYes'); 
 
    var textarea = document.getElementById('question5comment'); 
 

 
    if (radioYes.checked && question5comment.value.length < 1) { 
 
    alert('Please enter your reason for Question 5.'); 
 
    question5comment.focus(); 
 
    document.getElementById('question5comment').disabled = true; 
 
    return false; 
 
    } else { 
 
    document.getElementById('question5comment').disabled = false; 
 
    } 
 
}

5. Are you using other non-franchise service centres? 
 
<br>*if yes is there any other reason you would do so other than price 
 
<br> 
 
<input type="radio" name="question5" value="Yes" required onclick="validate();" id="radioYes" />Yes 
 
<br> 
 
<input type="radio" name="question5" value="No" required onclick="validate();" id="radioNo" />No 
 
<br> 
 
<textarea name="question5comment" id="question5comment" rows="5" cols="40" required></textarea>

Answer 2

당신은 많은 누락 된 코드가 있습니다! id가 존재하지 않는 것처럼, 함수는 생성되지만 그것의 초기화는 없다.

<script> 
function validate(t) { 
var question5comment = document.getElementById('question5comment');  
if (t.checked && question5comment.value.length < 1) { 
    alert('Please enter your reason for Question 5.'); 
    question5comment.focus(); 
    return false; 
} 
toggle(t.value); 
} 

function toggle(value) { 
    document.getElementById('question5comment').disabled = (value == "Yes") ? false : true; 
} 
</script> 


5. Are you using other non-franchise service centres? 
<br> 
*if yes is there any other reason you would do so other than price 
<br> 
<input type="radio" name="question5" 
value="Yes" onchange="validate(this)" required>Yes 
<br> 
<input type="radio" name="question5" onchange="validate(this)" value="No" required>No 
<br> 
<textarea name="question5comment" id="question5comment" rows="5" cols="40" required></textarea>