html点击单选框显示不同的内容,用JS实现点击不同的input单选按钮出现不同的内容...

js:

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";

}

body:

value="ok1" id="ok1" checked="checked" οnclick="aCheck1()"

/> A

id="ok2" οnclick="bCheck2()" /> B

......

style="display:block">我是A

style="display:none">我是B

......

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