js:

<script type="text/javascript">

function aCheck1(){
document.getElementById("span1").style.display="block";
document.getElementById("span2").style.display="none";
}
function bCheck2(){ 
document.getElementById("span1").style.display="none";  

document.getElementById("span2").style.display="block";
}

</script>

body:

<input type="radio" name="RadioGroup1" value="ok1" id="ok1" checked="checked" onclick="aCheck1()" /> A
<input type="radio" name="RadioGroup1" value="ok2" id="ok2" onclick="bCheck2()" /> B

......

<span id="span1" style="display:block">我是A</span>

<span id="span2" style="display:none">我是B</span>

......

因为span1的display原始属性是block，所以打开页面会显示span1的内容。选择不同单选按钮时，会调用不同的js方法，改变各个span的display值，来控制显示不同的内容。