令人沮喪的簡單的Javascript需要幫助

Question

我正在製作一個表單字段，我希望做一個簡單的show-hide來在單選按鈕上顯示div。

<form id="basic" name="basic"> 

<label><input name="formelement" type="radio" value="yes" /> Yes </label> 
<label><input name="formelement" type="radio" value="no" /> No </label> 

<div id="yes" style="display: none;"> 
This is the div that displays that shows when 'Yes' is selected. 
</div> 

<div id="no" style="display: none;"> 
This is the div that displays that shows when 'No' is selected. 
</div> 

</form> 

我打了一些不同的JavaScript的我在網上發現，並沒有取得很多成功，因爲大多數人在網上管理，顯示，隱藏一個DIV。當選擇「否」時取得'是'隱藏，反之亦然是棘手的部分。如果任何人都可以提供一些真正感激的幫助！

Answer 1

只需粘貼head標籤

<script type="text/javascript"> 
window.onload=function(){ 
    var el1 = document.getElementsByName('formelement')[0]; 
    var el2 = document.getElementsByName('formelement')[1]; 
    el1.onchange=function(){ 
     var show=el1.value; 
     var hide=el2.value; 
     document.getElementById(show).style.display='block'; 
     document.getElementById(hide).style.display='none'; 
    } 

    el2.onchange=function(){ 
     var show=el2.value; 
     var hide=el1.value; 
     document.getElementById(show).style.display='block'; 
     document.getElementById(hide).style.display='none'; 
    } 
} 
</script> 

DEMO.

Answer 2

無線電的如下假設值是一樣的div ID ..

function getRadioVal(name){ 
    var oRadio = document.forms[0].elements[name]; 
    for(var i = 0; i < oRadio.length; i++) 
     if(oRadio[i].checked) 
     return oRadio[i].value; 
    return ''; 
} 

//hide both divs.. 
document.getElementById("yes").style.display = "none"; 
document.getElementById("no").style.display = "none"; 

//show only one of them.. 
document.getElementById(getRadioVal("formelement")) = "block"; 

---

與JavaScript的處理沒有任何圖書館是一種痛苦，當事情變得複雜，我建議庫如jQuery

Answer 3

這是你想要的

How can I check whether a radio button is selected with JavaScript?

分配onclick事件，你很好去。