在選擇單選按鈕時，表單應該出現而不重新加載頁面

Question

嗨，我是一名業余程序員。 一旦用戶單擊單選按鈕，我希望表單動態顯示而無需重新加載頁面。 有沒有我能找到的參考資料。 有人可以幫我解決這個問題嗎？

這是 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

最簡單的方法是給您的radio輸入和隱藏text輸入一個id ，然后使用以下 JavaScript：

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

您最初需要隱藏文本input ，您可以在 CSS 中使用display:none執行此操作。 你可以在這里看到一個例子。

如果您能夠使用 jQuery 它將更容易，無需在input元素中添加id ，假設您的name屬性是唯一的：

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