通过单选按钮来控制 table中得某一行要不要 显示出来

最新推荐文章于 2023-04-12 14:26:40 发布
最新推荐文章于 2023-04-12 14:26:40 发布
阅读量2.4k 收藏
点赞数
分类专栏： javascript 文章标签： table class input border action import
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cyong888/article/details/6842009
版权

1.jsp页面如下：

<%@ page contentType="text/html; charset=UTF-8"  errorPage="../error.jsp" %>
<%@ page import ="java.sql.*"%>
<%@ page import ="java.util.*"%>


<html>
<head>






%>




<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>业务单费用录入</title>
<LINK href="../css/calendar.css"  rel="stylesheet">
<LINK href="../css/style.css"  rel="stylesheet">






<script  type="text/javascript">
function onclick_type(costtype)
{


if (costtype == 'income')
{
document.getElementById("expensearea").style.display="none";
document.getElementById("incomearea").style.display="block";
}


if (costtype == 'expense')
{
document.getElementById("incomearea").style.display="none";
document.getElementById("expensearea").style.display="block";
}
}
</script>




</head>
<body  bgcolor="FFFFFF"  onselectstart="return false" οncοpy="return false;" oncut="return false;" >
<form name="form1" action="/SrvlCostVoucher">
<input type="hidden" name="submit_action" value="save">
<table width="100%" border="0" cellpadding="3" cellspacing="0" id="divID_0" >
  <tr>
   <td class="star3">&nbsp;<img src="../images/skin1/wnew.gif" alt=""/> 业务费用录入</td>
  </tr>
  <tr>
    <td>


        <table width="100%" border="0" cellpadding="1" cellspacing="2" style="display:block">
         <tr>
           <td colspan=8 bgcolor="#EEEEEE">
           <a name="update_add_of_table"></a><a name="update_cancel_of_table"></a>
             <font color="#003399" class="medium"> 收入/支出:类型</font>


            <input name="costType" checked type="radio" value="1" οnclick="return onclick_type('income')" id="costTypeid">
            <font color="#cf6000" class="Small">收入</font>
            &nbsp;
            <input name="costType" unchecked type="radio" value="2" οnclick="return onclick_type('expense')" id="costTypeid">
            <font color="#cf6000" class="Small">支出</font>
            &nbsp;
            
          </td>
        </tr>
        <tr>
       <td  class="gray_cell"><font color="#FF0000">*</font>件号</td>
           <td >
            <input name="sellVoucherID" id="sellVoucherID" value="" size="15" maxlength="20" >
           </td>
           <td  class="gray_cell">凭证号</td>
           <td >
            <input name="pNO" id="pNO" value="" class="medium" size="15" maxlength="30">
           </td>
           
           <td  class="gray_cell">凭证时间</td>
           <td ><input name="pDate" id="pDate" value="" class="medium" size="15" maxlength="30" /><input type="image" src="../images/calendar.gif" οnclick="return showCalendar('pdate', 'y-m-d');"></td>
       
       </tr>
       <tr>
       <td  class="gray_cell">费用类型</td>
           <td>
            <select name="moneyType">
     <option value="1">现金</option>
 <option value="2">支票</option>
 <option value="3">转账</option>
 <option value="4">汇款</option>
 <option value="5">营业外支出</option>
   </select>


           </td>
           
           <td  class="gray_cell">金额</td>
           <td ><input name="fee" id="fee" value="" class="medium" size="15" maxlength="30"></td>
           <td  class="gray_cell">摘要</td>
           <td >
            <input name="abstracts" id="abstracts" value="" class="medium" size="15" maxlength="30">
           </td>
       </tr>
       
         <tr id="expensearea"  style="display:none">
                <td  class="gray_cell">成本类型</td>
           <td>
            <select name="partnerType" id = "partnerType" onChange="Change_Select()">
             <option value="1">火车票</option>
     <option value="2">国际机票</option>
     <option value="3">国内机票</option>
 <option value="4">国际宾馆</option>
 <option value="5">国内宾馆</option>
 <option value="6">地接社</option>
 <option value="7">游船</option>
 <option value="8">租车</option>
                    </select>
           </td>
           <td  class="gray_cell">名称</td>
           <td >
           <select name="subPartnerID">
     <option>11</option>
                </select>
           </td>
           <td  class="gray_cell">期号</td>
           <td>
            <input name="periodID" id="abstracts" value="" class="medium" size="15" maxlength="30">
           </td>
           <td  class="gray_cell">缴款人</td>   
           <td >
            <input name="payPerson" id="abstracts" value="" class="medium" size="15" maxlength="30">
           </td>
         </tr>
    
    
         <tr id="incomearea"  style="display:block">
                <td  class="gray_cell">收入类型</td>
           <td>
            <select name="incomeType">
      <option value = "1">月结</option>
      <option  value = "2">普通</option>
                     </select>


           </td>
           
        </tr>
        <tr >
          <td  colspan = '1' class="gray_cell">备注</td>   
          <td colspan = '5'><textarea name="notes" cols="100"></textarea></td>
        </tr>


        <tr>
        <td></td>
        <td></td>
        <td></td>
        <td> <input type="submit" name="Submit" value="保存" /></td>
        </tr>
</table>




</form>


</body>
</html>




cyong888
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端加载table时，根据条件判断a标签是否显示(使用动态id)
intelrain的博客
09-25 5154
for (let i = 0; i &lt; datanew.length; i++) { let trItem = $('&lt;tr&gt;&lt;/tr&gt;'); trItem.append('&lt;td hidden&gt;' + datanew[i].cid + '&lt;/td&gt;'); ...
一组单选按钮radio如何进行控制
10-31
一组单选按钮radio如何进行控制
Vue控制表格的某行/某列显示和隐藏（通用）
chenfengdong的博客
04-19 5405
需求描述： 想做一个点击按钮可以隐藏表格的某个字段 也可以是根据权限控制某列中显示与隐藏 效果： 全部的表格效果， 点击第一个 参考代码： 场景：根据不同用户（普通用户，vip用户），展示对应的列 思路：将原来的columns copy一份，然后根据权限去让它过滤对应的列，就能返回最新的columns了 created() { userType(type) { // type: 1 普通用户 2 vip用户 如果是普通用户则不能看到 couponAble
html表格隐藏1行,js控制隐藏或显示table的某一行
weixin_36414025的博客
06-07 1062
主要JS如下：(兼容browser: IE9, FireFox, Chrome, 360 safe)var row = document.getElementById(rowID);if (row != null) {if (row.style.display == (document.all ? "block" : "table-row")) {row.style.display = "none...
html通过判断值显示或隐藏,javascript-根据值显示/隐藏标签？
weixin_26516551的博客
06-03 1702
在我的项目中,我不得不检查输入的值,然后显示/隐藏元素.这是我的HTML代码：John, Cook这是我的JQuery：$('.bls').each(function() {if($(this).val() > 0){$(this).parent('.test1').hide();$('.test2').show();}});我当前的代码根据值隐藏单选按钮,但show()效果有问题.我只希望...
elementui table 固定列_Vue动态控制表格列的显示和隐藏
qq_42730111的博客
03-28 1680
1.效果如图 v-if=“lists[0].ispass” 来判断表格列的状态每一列是否显示或隐藏 勾选则展示、取消勾选隐藏、默认勾选 2.代码 <el-dropdown :hide-on-click="false"> <i class="iconfont icon-shaixuan" ></i> <el-dropdown-menu slot="dropdown" > <el-
jquery实现带单选按钮的表格行选中时高亮显示
10-27
如果将选中的这条记录的行高亮显示，同时该行的单选按钮也被选中了，这样会提高用户的体验的，于是本文下了个示例，有需要的朋友可以参考下
JS获取下拉框显示值和判断单选按钮的方法
10-23
主要介绍了JS获取下拉框显示值和判断单选按钮的方法,实例分析了javascript针对html下拉框及单选按钮的相关操作技巧,需要的朋友可以参考下
vue 过滤数组数据，可用于控制 el-table 某一行显示与否
strong90的博客
09-20 3691
<template> <div class="home-addressbook"> <div class="d-content"> <el-table :data="tableDataNew" stripe border style="width: 100%"> <el-table-column pro...
Vue动图数据表格，根据字段是否为空，控制表格列的隐藏和显示
慕迟的轻博客
04-12 6214
Vue动态表格，根据字段是否为空，控制列的隐藏与显示，{prop:xxx,label:xxx}形式
html根据输入判断隐藏或显示,控制input输入框中提示信息的显示和隐藏的方法
weixin_29967003的博客
06-03 2253
在运用html+css+javascrpt进行页面制作时，我们往往会遇到一些影响用户体验，而又容易被我们忽视的小细节。比如，input输入框中的提示信息，怎样才能根据对象获得和失去焦点而实现其显示和隐藏。今天在这里，想跟大家分享一下这个小技巧，希望各位大神不要拍砖哦~~~一、要求input输入框，在光标显示时，隐藏提示信息；光标离开输入框时，显示提示信息。二、方法1、给该input取id名，Onf...
html表格隐藏列赋值,JavaScript控制table某列不显示的方法
weixin_33396759的博客
06-03 660
本文实例讲述了JavaScript控制table某列不显示的方法。分享给大家供大家参考。具体实现方法如下：1、table代码cellpadding="3" cellspacing="1" bgcolor="#dfdfdf">日期媒体名称投放形式曝光次数曝光人数点击次数点击人数CTR访次跳出次数访问深度浏览时长/秒参与活动人数办理业务人数2、js根据权限控制注：如果数据是动态数据，当赋值完后再...
html控制表格显示隐藏,在HTML表格中显示/隐藏表格行
weixin_30015521的博客
06-03 844
我使用HTML创建了一个基本表。此表具有嵌套元素，当您单击每个指定的按钮时，这些元素将单独打开。所以当你点击＆＃39; +＆＃39;它会打开一个子菜单，其中包含许多表格行，其中每一个都有一个图标＆＃39; pitch＆＃39;这样就可以在点击时打开信息页面。目前正在发生的事情是，当我点击＆＃39; +＆＃39;它显示子菜单项，以便一切正常当我点击＆＃39;音调＆＃39;项目，我想要3件事情发生。显...
有一个table表格，选中某一行后，点击“查看(button)”按钮可以实现对该行内容的显示
liushuiziyouliu的专栏
10-09 4901
html> head> meta http-equiv="Content-Type" content="text/html; charset=gb2312"> title>newpagetitle> head> body> table border="1" width="100%">  tr>   td>input type=checkbox>td >  td>11111td
vue + Ant Design之table自定义表格、添加操作按钮并获取当前行数据
陈新科的博客
09-16 1万+
今天搞了一下午可算搞懂了，网上我查了好多资料发现好像有点老了都 比如这种的： <template slot="action" slot-scope="text,record"> <a slot="action" href="javascript:;" @click="onUser(record)">用户</a> <a slot="action" href="javascript:;" @click="onRole(recor
dataTables 添加行内操作按钮
weixin_34319111的博客
06-29 508
在上一篇博客中我们提到了用dataTables 做一个分页表格。今天进一步进阶，做一个行内带操作按钮的表格。效果如图。 记得最基础的实现方式是，我们要在js 中拼接字符串，嵌入一个带按钮的语句。但是现在我们用dataTables插件，其实现方式非常简单。主要的页面还是和上篇博客中提到的一样。不过我们又给其设置了几个属性而已。 table = $('#table_local').DataTabl...
js控制隐藏或显示table的某一行
热门推荐
keenweiwei的专栏
02-18 3万+
主要JS如下：（兼容browser: IE9, FireFox, Chrome, 360 safe） var row = document.getElementById(rowID); if (row != null) { if (row.style.display == (document.all ? "block
单选按钮 控制 输入框显示 的总结
爱代码 爱生活
12-21 3484
设计目标：1：页面进入的时候，根据单选按钮的，确定输入框的是否显示2：触发onclick 事件的时候，根据单选按钮，确定输入框是否显示function setDisplay() { var isManager=document.getElementById("employForm:isManager"); var isLlwyh=document.getElementById("employForm:isLlwyh"); var workDisplay=document.getElementBy
根据input 单选按钮的是或否来判断显示或隐藏DropDownList
weixin_30732825的博客
12-04 161
<td style="text-align: right;">是否验证：</td> <td style="text-align: left;"> <input style="padding-left: 5px;" type="radio" value="1" id="Ve...
vue el-table 组件怎么设置单选按钮且标题第一行不显示按钮
最新发布
06-03
你可以在 `el-table` 的 `slot` 中定义表头，然后在第一行不显示单选按钮。以下是一个示例： ```html <el-table :data="tableData" @selection-change="handleSelectionChange"> <el-table-column type="selection...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值