jquery EasyUI +MVC 页面有三个单选按钮,选择不停按钮展示不同的层,其他的隐藏
来源:互联网 发布:廖雪峰的python 编辑:程序博客网 时间:2024/05/21 03:26
<script type="text/javascript">
function switchItem(tag) {
var s1 = document.getElementById('div1');
var s2 = document.getElementById('div2');
var s3 = document.getElementById('div3');
if (tag == '年') {
s1.style.display = '';
s2.style.display = 'none';
s3.style.display = 'none';
}
if (tag == '月') {
s1.style.display = 'none';
s2.style.display = '';
s3.style.display = 'none';
}
if (tag == '日') {
s1.style.display = 'none';
s2.style.display = 'none';
s3.style.display = '';
}
}
</script>
<table style="width:100%; margin-top:5px;"><tr>
<td><input id="cbYearForQualifiedRateStat6" name="txtStatTypeForQualifiedRateStat6" type="radio" value="1" onclick="switchItem('年')" checked/>年
<input id="rdStatType1ForQualifiedRateStat6" name="txtStatTypeForQualifiedRateStat6" type="radio" value="2" onclick="switchItem('月')" />月
<input id="rdStatType2ForQualifiedRateStat6" name="txtStatTypeForQualifiedRateStat6" type="radio" value="3" onclick="switchItem('日')"/>日
</td> </tr>
</table>
<div id="div1" style=" width:180px;">
<table style="width:100%; margin-top:5px;">
<tr>
<td>年份:</td>
<td>
<select class="easyui-combobox" id="cbYearContrast" name="select" panelHeight="auto" style=" width:80px; padding-top:5px; margin-top:10px;"></select>
</td>
</tr>
</table>
</div>
<div id="div2" style=" width:520px; display:none">
<table style="width:100%; margin-top:5px;">
<tr>
<td>年份:</td>
<td style=" padding-left:10px;">
<select class="easyui-combobox" id="cbYearContrast1" name="select" panelHeight="auto" style=" width:80px; padding-top:5px; margin-top:10px;">
</select>
</td>
<td>月份:</td>
<td><select class="easyui-combobox" id="cMonthContrast1" name="select" panelHeight="auto" style=" width:80px; padding-top:5px; margin-top:10px;">
@{
<option id="-1" value = "-1">所有</option>
for (var i = 1; i <= 12; i++)
{
<option id=@i value = @i>@i 月</option>
}
}
</select>
</td>
<td>--</td>
<td>年份:</td>
<td style=" padding-left:10px;">
</td><select class="easyui-combobox" id="cbYearContrast2" panelHeight="auto" style=" width:80px; padding-top:5px; margin-top:10px;"> </select>
<td>月份:</td>
<td><select class="easyui-combobox" id="cMonthContrast2" panelHeight="auto" style=" width:80px; padding-top:5px; margin-top:10px;">
@{
<option id="-1" value = "-1">所有</option>
for (var i = 1; i <= 12; i++)
{
<option id=@i value = @i>@i 月</option>
}
}
</select>
</td>
</tr>
</table>
</div>
<div id="div3" style=" width:380px; display:none;">
<table style="width:100%; margin-top:5px;">
<tr>
<td>开始日期:</td>
<td style=" padding-left:10px;"><input class="easyui-datetimebox" type="text" id="dtbStartTimeContrast" showSeconds="true" style="width: 100px;"/>
</td>
<td>结束日期:</td>
<td><input class="easyui-datetimebox" type="text" id="dtbEndTimeContrast" showSeconds="true" style="width: 100px;"/>
</td>
</tr>
</table>
</div>
- jquery EasyUI +MVC 页面有三个单选按钮,选择不停按钮展示不同的层,其他的隐藏
- jquery的filter选择选中的单选按钮
- 单选 多选按钮的选择
- jquery 对单选按钮遍历选择
- Jquery单选按钮的赋值
- jquery 获取单选按钮的值
- esayui-ajax(不同的状态展示不同的按钮)
- jQuery 怎么实现点击页面其他地方隐藏菜单? 做了个按钮点击时弹出菜单,想实现点击其他地方时隐藏弹出的菜单
- jquery-easyui更改messager的按钮文字
- 单选按钮的显示与隐藏列项
- JQuery按钮的隐藏与显示
- web页面响应不同按钮的提交
- jquery easyUI的dialog方法弹出对话框多个按钮进行选择
- jquery获取input单选按钮点击事件及单选按钮值的方法
- jquery同一按钮实现不同的动画
- 添加一组可以选择背景颜色的单选按钮
- 选择框在右边的单选按钮。。
- Java单选按钮JRadioButton取消选择状态的方法
- 用递归函数求两个数的最大公约数
- JSON与JAVA数据的转换
- 数据结构应用标准模版库STL——队列的基本操作
- Intent 详解
- Java多线程编程总结<转>
- jquery EasyUI +MVC 页面有三个单选按钮,选择不停按钮展示不同的层,其他的隐藏
- StateListDrawable与<selector>的各种状态
- Yii CDbCriteria 常用方法
- wince音频驱动-2
- JavaSE基础学习笔记-提供篇-交通灯管理系统
- 双边滤波算法的原理、流程、实现及效果
- 【转】隐式接口和显式接口
- qt 槽的使用心得
- chromium video相关