通过单选按钮来控制 table中得某一行要不要 显示出来
2011-10-03 14:06
585 查看
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" oncopy="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"> <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" onclick="return onclick_type('income')" id="costTypeid">
<font color="#cf6000" class="Small">收入</font>
<input name="costType" unchecked type="radio" value="2" onclick="return onclick_type('expense')" id="costTypeid">
<font color="#cf6000" class="Small">支出</font>
</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" onclick="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>
<%@ 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" oncopy="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"> <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" onclick="return onclick_type('income')" id="costTypeid">
<font color="#cf6000" class="Small">收入</font>
<input name="costType" unchecked type="radio" value="2" onclick="return onclick_type('expense')" id="costTypeid">
<font color="#cf6000" class="Small">支出</font>
</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" onclick="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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 动态的把数据显示在table中，点击某一行的删除按钮实现该行的删除（通过ajax实现页面的无刷新加载）
- 动态的把数据显示在table中，点击某一行的删除按钮实现该行的删除（通过ajax实现页面的无刷新加载）
- 有一个table表格，选中某一行后，点击“查看(button)”按钮可以实现对该行内容的显示
- Android日常知识收集之通过一个按钮来控制密码是明文还是暗文显示
- js控制隐藏或显示table的某一行
- 通过自定义标签，实现 页面 按钮显示控制
- jquery操作html，table。点击按钮，逐行滚动显示，自动选中下一行数据
- 图片自动播放也可通过按钮控制显示
- 通过单选按钮控制页面之间的切换
- table-td中的删除按钮控制删除一行tr
- 图片自动播放也可通过按钮控制显示
- 单选按钮 控制 输入框显示 的总结
- 单选按钮控制页面部分的显示的流程
- 有一个table表格，选中某一行后，点击“查看(button)”按钮可以实现对该行内容的显示
- MFC通过按钮控制编辑框是否显示系统时间
- 在table中通过按钮添加一行或者删除一行
- ext中使用一组单选按钮控制一些组件的显示隐藏
- 级联两个bootstrap-table。一张表显示相关的数据，通过点击这张表的某一行，传过去对应的ID，刷新另外一张表。
- ExtJS 单选按钮组RadioGroup在IE浏览器中显示不出来的问题
- php 实现其中的单选按钮控制文本框的显示与隐藏