單選按鈕來改變表單輸入

Question

我有兩個單選按鈕，每個按鈕都會在表單上切換不同的輸入。我已經使用onclick()函數使用hide()來創建這個函數，但是如果用戶來回切換，這需要具有複製.show()的另一個函數來將元素返回。認爲必須有更好的邏輯，這不是多餘的，也許是一個if切換值？

不管怎麼說，這是我有：

<labe>  
    <input type="radio" name="radioReason" onClick="resetPassShow()"> </input 
     <span class="text">Request profile update (i.e. phone#)</span> 
</label> 

<label> 
    <input type="radio" name="radioReason" value="resetPassword" onClick="resetPassRemove;"> </input> 
    <span class="text">Reset Password or Unlock My Account</span> 
</label> 

function resetPassRemove(){ 
    $("#prodCategoryLabel").hide(); 
    .... 
} 

function resetPassShow(){ 
    $("#prodCategoryLabel").show(); 
    .... 
} 

Answer 1

這裏是JS小提琴在行動：https://jsfiddle.net/dv5xmw9z/1/

JS

function hideA(x) { 
    if (x.checked) { 
    document.getElementById("A").style.visibility = "hidden"; 
    document.getElementById("B").style.visibility = "visible"; 
    } 
} 

function hideB(x) { 
    if (x.checked) { 
    document.getElementById("B").style.visibility = "hidden"; 
    document.getElementById("A").style.visibility = "visible"; 
    } 
} 

HTML

<input type="radio" onchange="hideB(this)" name="aorb" checked>A | 
<input type="radio" onchange="hideA(this)" name="aorb">B 
<div id="A"> 
    <br/>A's text</div> 
<div id="B" style="visibility:hidden"> 
    <br/>B's text 
</div> 

Answer 2

使用$(".target").toggle();功能。

http://api.jquery.com/toggle/