php隐藏table,通过JS，选取radio时显示/隐藏table的功能

function selType(value){

//window.alert("你点钟"+value);

if(value=='jisuan'){

table1.style.display="block";

table2.style.display="none";

table3.style.display="none";

}else if(value=='jux'){

table2.style.display="block";

table1.style.display="none";

table3.style.display="none";

}else if(value=='area'){

//window.alert("OK");

table3.style.display="block";

table1.style.display="none";

table2.style.display="none";

}

}

四则运算

计算矩形

计算圆形

第一个数
第二个数
+ - * \

长宽

半径

点击四则运算 矩形面积  圆面积 三个选项可以通过一段JS代码来实现这种效果，代码如上所示。

各个table之间通过一个ID号来区分 radio可以通过添加一个onclick事件selType()传递一个值，在JS中判断值是多少，从而来识别该打开哪个table

如果想达到上图显示的效果还需要将display:none 值改变，可以通过table1.style.display="  block/none"来改变表单是否显示出来是否显示。

对于表单的隐藏域