用js控制radio来实现不同区域的显示和隐藏

Question

3个radio 控制三个 区域
选择其中一个radio 显示想对应的区域 
点击另外radio 显示对应的区域，
没选中的radio 对应的区域 不显示。还有，一个查询页面，
选择不同的查询条件 显示不同的列表
查询的页面 是一个 listHead
下面包含一个Iframe IFrame 里是另一张JSP，
每一个查询条件 对应一张JSP 要求点击查询时 listHead 不变 下面包含的IFrame 反正变化，
该如何实现
这是我的全部分了，请高手帮忙。

Answer 1

第一个问题：function checkShow(obj){
  var radList = document.getElementsByName("rad");
  for(var i=0;i<radList.length;i++){
    var id = "d"+radList[i].id;
    if(radList[i].checked){
      document.getElementById(id).style.display="block";
    }else{
      document.getElementById(id).style.display="none";
    }
  }
}<input type="radio" name="rad" id="2" onclick="checkShow(this)">
    <input type="radio" name="rad" id="3" onclick="checkShow(this)">
    
    <div id="d1" style="display:none">
       d1
    </div>
    <div id="d2" style="display:none">
       d2
    </div>
    <div id="d3" style="display:none">
       d3
    </div>

Answer 2

第二个自己写吧，只需要在改变查询条件的时候改变iframe的location.href即可。

Answer 3

ychzxx  赞一个！！！！！！！！！！！！！1