`
loveseaside
  • 浏览: 152021 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

根据一个tr的属性值控制另外一个tr显示和隐藏的js脚本

    博客分类:
  • JS
阅读更多

<tr >
 <td  >
<input name='property' id='property'>
 </td>
</td>

 <tr id="show">
  <td></td>
  <td></td>
  </tr>
<script type="text/javascript">
//初始化执行
   show();
function show(){
    var property = document.getElementById("property").value;
   if(property==11){
       document.getElementById("show").style.display = 'none';
  } else{
       document.getElementById("show").style.display = '';
   }
}
</script>

分享到:
评论

相关推荐

    js控制TR的显示隐藏

    本文将深入探讨如何使用JavaScript控制表格行(TR)的显示和隐藏。 首先,我们需要了解HTML中的`&lt;tr&gt;`元素。`&lt;tr&gt;`元素用于定义表格中的行,它可以包含多个`&lt;td&gt;`(表格数据)或`&lt;th&gt;`(表头)元素。在JavaScript中...

    控制WEB中表格的显示和不显示

    JavaScript作为一种强大的客户端脚本语言,能够实现在网页中动态控制表格的显示和隐藏,为用户提供更丰富的交互体验。本知识点主要探讨如何使用JavaScript来实现这一功能。 首先,我们需要了解HTML中的表格元素。一...

    使用脚本控制网页Table的显示隐藏(全代码)_AX

    4. **切换显示状态**:在事件处理函数中,根据当前`display`属性的值,切换为`none`或`block`,从而实现显示和隐藏的效果。 以下是一个简单的JavaScript代码示例,实现了一个表格行的展开和收起功能: ```html &lt;!...

    当鼠标经过显示隐藏层asp环境源码

    1. **函数定义**:定义了一个名为`login`的函数,用于控制登录框的显示与隐藏。 2. **条件判断**:通过`if`语句检查登录框当前是否处于隐藏状态(即`display`属性是否为`none`)。 3. **显示与隐藏操作**: - ...

    JSPjavascript脚本邮箱、密码、用户名验证.pdf

    在`&lt;head&gt;`标签中,我们可以看到一个 `&lt;script&gt;`标签,它用于链接一个外部JavaScript文件`shiyan 2.js`,该文件用于定义页面的JavaScript脚本。 表单验证 在这个示例中,我们可以看到一个表单验证的示例,该表单...

    OpenAcs脚本编写

    - **描述**:此方法用于获取一个或多个CPE参数的值。 - **实例**:调用`cpe.GetParameterValues()`可以读取设备的当前IP地址或其他配置信息。 4. **GetParameterNames** - **描述**:此方法用于发现某一CPE上可...

    隐藏显示源码

    本文通过一个简单的JSP示例介绍了如何在JSP页面中隐藏和显示某些内容。这涉及到JSP的基础知识、获取HTTP请求信息的方法、HTML头部元信息的设置、JavaScript与HTML的交互以及HTML表格的使用等知识点。通过这些内容的...

    jQuery基于Bootstrap.js表格行展开收缩隐藏代码.zip

    总的来说,这个压缩包提供了一个使用jQuery和Bootstrap.js实现的交互式表格解决方案,通过点击表格行,可以展开和收缩隐藏内容,同时更新图标以反映当前状态。这对于数据密集型的网页来说,是一种优化用户体验的有效...

    JS弹出基于Table的可关闭浮动层.rar

    可以使用CSS的`display`属性,将其初始值设为`none`(隐藏),然后在需要时通过JavaScript将其更改为`block`(显示);同样,点击关闭按钮时,将`display`属性恢复为`none`。 5. 定位浮动层:根据需求,可以使用CSS...

    js实现点击table表头字段带箭头标示

    在前端开发中,JavaScript(JS)是一种至关重要的脚本语言,尤其在构建交互式用户界面时。本话题聚焦于“js实现点击table表头字段带箭头标示”,这是一个常见需求,特别是在数据展示和管理中。它使得用户可以通过...

    JS动态创建Table,Tr,Td并赋值的具体实现

    文档展示了通过JavaScript函数getzts()和callback5()来动态生成表格(Table),以及表格的行(Tr)和单元格(Td)。利用DOM操作方法如insertRow()和insertCell(),可以根据条件创建新的行和列,为表格添加新的数据项...

    js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法

    在JavaScript和ASP.NET Web Forms的上下文中,"js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法"涉及到动态控制网页元素可见性的技术。以下是对这一实现方法的详细解释: 首先,我们看到一个名为`rblGJS...

    JS实现鼠标点击展开或隐藏表格行的方法

    如果该属性值为空字符串(表示元素是可见的),则将其设置为`"none"`,使元素隐藏;反之,如果`style.display`为`"none"`,则将其设置为空字符串,使得元素再次显示。 在HTML部分,我们将`&lt;tr&gt;`行的`onclick`事件...

    JavaScript商品对比功能JS代码

    可以动态生成HTML表格,每行显示一个商品的属性值,同一列的属性进行对比。 ```html &lt;tr&gt; 属性 &lt;!-- 动态添加商品名称 --&gt; &lt;th v-for="item in compareList" :key="item.id"&gt;{{ item.name }} &lt;/tr&gt; &lt;!...

    js实现点击table表头字段,根据字段排序例子

    以下是一个简单的JavaScript实现示例,假设我们有一个名为`sorttab.js`的文件: ```javascript document.addEventListener('DOMContentLoaded', function() { var tableHeaders = document.querySelectorAll('...

    网页常用的js_脚本

    ### 网页常用JS脚本知识点解析 #### 1. 文本框焦点问题 - **`onBlur`**: 当一个HTML元素(如输入框)失去焦点时触发此事件。通常用于验证用户输入或者自动填充某些字段。 - **`onFocus`**: 当一个HTML元素获得焦点...

    前台js将table转为Excel表格下载

    在提供的资源中,可能包含了一个名为`js`的文件,这可能是一个封装了上述逻辑的JavaScript库。我们可以将其引入到项目中,然后调用库提供的方法,将特定的HTML表格转换为可下载的Excel文件。通常,这个库会提供一个...

    Javascript合并表格中具有相同内容单元格示例

    如果相同,则将前面单元格的`rowspan`属性值增加,以便将当前单元格与前面单元格合并。这个过程需要对表格中的每一行进行检查和处理,确保所有连续相同内容的单元格都被合并。 在编写JavaScript代码时,需要注意...

    js实现滚动条滚动到某个位置便自动定位某个tr

    在Web开发中,实现滚动条滚动到页面上的特定元素位置并自动定位显示是一个常见的需求,尤其是在长表格数据展示或大量信息需要按部分展示时。此技术可以提供更加友好的用户体验,使用户无需手动滚动页面就能查看到所...

    实验3 客户端脚本编程1

    实验3 客户端脚本编程1主要涵盖了两个核心知识点:使用VS Code进行网页编程以及JavaScript脚本语言的应用。下面将分别对这两个方面进行详细解释。 首先,使用VS Code(Visual Studio Code)作为网页编程工具是一项...

Global site tag (gtag.js) - Google Analytics