ラジオボタンを選択すると、ページをリロードせずにフォームが表示される

Question

こんにちは、私はアマチュアプログラマーです。ユーザーがラジオボタンをクリックすると、ページをリロードせずにフォームを動的に表示したいと思っています。私が見つけることができる参照はありますか？誰かが私を助けてくれますか？

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

あなたが必要になります。

ことはここでは最も簡単な方法は、あなたのradio入力し、隠されたtext入力idを与え、その後、次のJavaScriptを使用するようになりますHTMLコード

<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

です最初にinputのテキストを非表示にするには、display:noneでCSSで行うことができます。あなたはその例のhereを見ることができます。

あなたはjQueryのを使用することができます場合、それはあなたのname属性を想定して、あなたのinput要素にidを追加することなく、さらに簡単になりますユニークです：

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