라디오 버튼 선택시 페이지를 다시로드하지 않고 양식이 나타나야합니다.

Question

안녕하세요 저는 아마추어 프로그래머입니다. 사용자가 라디오 버튼을 클릭하면 페이지를 다시로드하지 않고 양식을 동적으로 표시하려고합니다. 내가 찾을 수있는 참조가 있습니까? 누군가 제발 도와 줘요.

이

document.getElementById("Credit").onclick = function() { 
    document.getElementById("credit1").style.display = "block"; 
} 

당신이 필요합니다 : 여기

는

<p>First Name: <input type="text" name="fname" size="15" maxlength="20"/> </p> 

<p>Term <select name="term"> 
    <option value="noterm">No Term</option> 
    <option value="1year">1 Year</option> 

</select></p> 

<p>Enter IMEI: <input type="text" name="imei" size="15" maxlength="20" value=""/> </p> 
<p>Selling Price: <input type="text" name="sprice" size="15" maxlength="20" value=""/> </p> 
<p>Rep: <input type="text" name="rep" size="5" maxlength="3" value=""/> </p> 
<p><input type="submit"name="submit" value="Tender" /></p> 


</form> 
<!--This is where I need the action to HAPPEN--> 
<form> 
<input type="radio" name="Credit" value="ISC" /> ISC<br /> 
<input type="text" name="credit1" size="15" maxlength="10" value=""/> 
</form> 

Answer 1

가장 쉬운 방법은 다음과 같은 자바 스크립트 당신의 radio 입력과 숨겨진 text 입력 id을 제공하는 다음 사용하는 HTML 코드입니다 첫 번째 문자 input을 숨기려면 display:none으로 CSS에서 할 수 있습니다. 그 예인 here을 볼 수 있습니다. 당신이 가정, 당신의 input 요소에 id를 추가하지 않고, 더욱 쉽게 될 것입니다 jQuery를 사용할 수있는 경우

당신의 name 속성은 고유 :

$("input[name=Credit]").click(function() { 
    $("input[name=credit1]").show(); 
});