令人沮丧的简单的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事件，你很好去。