js显示/隐藏表格

最新推荐文章于 2024-10-01 19:00:00 发布
原创 最新推荐文章于 2024-10-01 19:00:00 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #tree #交通 #input #border #action

该博客展示了一段使用JavaScript实现的代码，通过点击不同的付款方式（货到付款、邮局汇款、交通银行支付）的单选框，利用JavaScript函数控制对应详细信息的显示与隐藏，最后可提交表单，实现了简单的交互功能。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var tempNum=0;
function ChangeTree(intNum)
{
    ObjTree=eval("Tree"+intNum);
    
    if (ObjTree.style.display == "none")
    {
        ObjTree.style.display = "";    
    }
    else
    {
        ObjTree.style.display = "none";
    }
    tempNum=intNum;    
}
</script>

</head>

<body>
<FORM name=form1 action=ssjg.asp method=post>

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>付款方式：</td>
    </tr>
    <tr>
      <td><input name="paytype" type="radio" value="货到付款">
        货到付款
        <input type="radio" name="paytype" value="邮局汇款" onclick="javascript:ChangeTree(2)">
        邮局汇款
        <input type="radio" name="paytype" value="交通银行" onclick="javascript:ChangeTree(3)">
        交通银行支付 </td>
    </tr>
    <tr id=Tree2 style="DISPLAY: none">
      <td><p>邮局汇款：</p>
        <p>详细信息</p></td>
    </tr>
    <tr id=Tree3 style="DISPLAY: none">
      <td>交通银行支付</td>
    </tr>
    <tr>
      <td><input type="submit" name="Submit" value="提交"></td>
    </tr>
  </table>

</form>


</body>
</html>

js-表格显示特效
02-10
js-表格显示特效,可以看看，很好的资源哦~
js 显示/隐藏某些列
07-26
综上所述，JavaScript显示或隐藏列涉及到HTML结构的理解，CSS选择器的运用，DOM操作的熟练掌握，以及可能的用户交互和性能优化。理解并熟练运用这些知识点，可以让你在构建动态、交互性强的网页时游刃有余。
js点击显示隐藏表格
epic2005
03-14 1865
function turn(id){ if(document.getElementById(id).style.display=="") {  document.getElementById(id).style.display="none" } else {  document.getElementById(id).style.display="" }} 调用： 
用js控制表格的隐藏与显示
yaasshole
12-01 645
-----------------------------------------------------------&lt;script&gt; function show() { if (t2.style.display=="none") { t2.style.display="" //t3.style.display="none" } else {...
利用js实现表格的显示隐藏
qingyundys的专栏
09-05 4508
table function show(obj){ var tbobj=document.getElementById(obj); tbobj.style.display=""; } function hide(obj){ var tbobj=document.getElementById(obj); tbobj.style.display="none"; }  注：隐藏/显示，用于直接控制
JavaScript写动态显示的表格
DR的专栏
11-01 197
JavaScript写动态变化的表格 1、任务要求： 在一个界面page1.jsp输入一个数字n（5-15），然后在page2.jsp中显示一个有n行的表格，带有全选和收缩、展开的功能。 page1.jsp page2.jsp 2. 代码实现 page1.jsp &lt;%@ page language="java" impo...
javascript 控制 html元素 显示/隐藏实现代码
10-29
除了使用display属性来控制元素的显示/隐藏，JavaScript还提供了其他方法，比如visibility属性。visibility属性有两个值：visible（可见）和hidden（隐藏）。与display属性不同的是，即使元素设置为hidden，它仍然会...
javascript 极速 隐藏/显示万行表格列只需 60毫秒
12-09
标题提到的"javascript 极速 隐藏/显示万行表格列只需 60毫秒"是一种优化策略，它旨在提高隐藏或显示表格列的性能。 传统的隐藏列方法如下： ```javascript td.style.display = "none"; ``` 这种方法的问题在于，当...
html用button显示/隐藏表格的列
09-23
HTML中可以使用`<button>`元素配合JavaScript来控制表格(`<table>`)的列显示或隐藏。首先，你需要创建一个按钮，并给它一个`id`，例如`toggleColBtn`。然后，在JavaScript部分，你可以通过监听这个按钮的点击事件来...
html用button显示/隐藏表格的整个列
09-23
HTML和JavaScript可以一起使用来实现在按钮点击时动态地显示或隐藏表格的一整列。下面是一个基本的示例： ```html <!DOCTYPE html> 动态列显示</title> /* 隐藏列的CSS样式 */ .hidden { display: none; ...
js 实现 用JavaScript隐藏或显示表格列
03-31
js 实现 用JavaScript隐藏或显示表格列! 值得下载看看!资源免费,大家分享!!
示例: js编程实现表格显示
tangyu520lehua的博客
08-24 1002
示例: js编程实现表格显示
超简洁js表格
AdrianRD的博客
10-18 4094
超简洁js表格，小巧灵活的js表格
js如何实现点击显示和隐藏表格
weixin_34275734的博客
06-03 919
js如何实现点击显示和隐藏表格 一、总结 一句话总结： 1、给table或者table里面的元素添加点击事件， 2、然后判断当前表格的数据显示或者隐藏， 3、然后通过display属性显示（非none）或者隐藏（值为none）表格中的数据   1、表格的行中如何合并表格的列？ 解答：用colspan属性即可，比如合并三个单元格：colspan="3" 2、js中bool类型的变量...
javascript 控制表格里的行显示与隐藏
IT部落阁
05-27 1181
javaScript脚本控制一行表格的显示与隐藏 这个东西虽然不是很复杂，但如果不小心的话还是会出错的。 是浏览器兼容的问题。IE下将tr元素的display属性设为 table-row会 报错，使用block正常；而Firefox下如果tr的display属性为block时，外观又变了。 因此最简单的办法是，将display属性设 为”"，这样各个浏览器都能正常显示了。
js 实现隐藏表格列
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
10-19 5846
js 实现隐藏表格列。动态 渲染列
JS获取table表格任意单元格值
ytfghytf的博客
02-09 4317
JS获取table表格任意单元格值
使用JavaScript实现动态表格
最新发布
BANaanaa的博客
10-01 1329
通过以上步骤，我们可以使用JavaScript实现动态表格的功能。这不仅可以帮助我们快速构建交互式网页，还可以提高用户体验和数据展示效果。在实现过程中，需要注意数据验证、样式设置、排序、数据绑定和过滤搜索等方面的问题，以确保表格的可靠性和易用性。同时，也可以根据实际需求进行扩展和优化，以实现更加复杂的功能。
js加载并显示excel文件
u010227042的博客
08-21 4300
js 加载并显示 excel 文件 养成先放效果在开讲的好习惯~ 项目演示和代码地址：codesandbox/js-xlsx-demo https://codesandbox.io/s/js-xlsx-demo-nb6zm?file=/index.html 完全通过 JS 的能力加载了一份 excel 表格，虽然每个单元格的宽度高度不能 100%还原（也许是我没看完具体的文档）。不过前端可以通过样式，给每一个格子在另外定样式 今天主角 sheetjshttps://github.com/..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值