通过js选择按钮实现一个内容隐藏另一个内容显示

最新推荐文章于 2022-05-25 20:50:44 发布

huangjianxiang1875

最新推荐文章于 2022-05-25 20:50:44 发布

阅读量4.9k

点赞数

分类专栏： Js 文章标签： table xhtml javascript action function html

本文链接：https://blog.csdn.net/huangjianxiang1875/article/details/7800611

版权

该博客展示了如何使用JavaScript实现一个功能，当选择不同按钮时，相应的内容区域进行隐藏和显示。通过定义函数`selType(val)`，根据用户选择的`radio`按钮值（'jisuan' 或 'area'），改变`table1`和`table2`的显示状态。用户可以选择显示计算相关的内容（`table1`）或区域相关的内容（`table2`）。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
<!--
function selType(val){
if(val=="jisuan"){
table1.style.display="block";
table2.style.display="none";
}else if(val=="area"){
table1.style.display="none";