javascript 根据单选框的值,来决定页面显示的方法
来源:互联网 发布:多源数据 编辑:程序博客网 时间:2024/05/18 20:13
<script>
var oRadios = document.getElementById('selectradio').getElementsByTagName('input');
for( var i = 0, len = oRadios.length; i < len; i++){
oRadios[i].onclick = function(){
var value = this.value;
if( value == 1){
//alert('限制');
document.getElementById('istimeselect').style.display = 'block';
} else if( value == 0){
//alert('i 限制');
document.getElementById('istimeselect').style.display = 'none'; //这里要注意了,display不显示时值一定要是'none',不能为空
}
}
}
</script>
来源: http://zhidao.baidu.com/question/446975158.html
<div class="demo"><div id="radios" class="radios">
<input type="radio" name="r" id="r1" value="1" /> 单选框1
<input type="radio" name="r" id="r2" value="2" /> 单选框2
</div>
<div id="tables" class="tables">
<table id="tb1" class="tb">
<tbody>
<tr>
<td>table1</td>
<td>table1</td>
</tr>
<tr>
<td>table1</td>
<td>table1</td>
</tr>
</tbody>
</table>
<table id="tb2" class="tb">
<tbody>
<tr>
<td>table2</td>
<td>table2</td>
</tr>
<tr>
<td>table2</td>
<td>table2</td>
</tr>
</tbody>
</table>
</div>
</div>
<script>
var oRadios = document.getElementById('radios').getElementsByTagName('input');
for( var i = 0, len = oRadios.length; i < len; i++){
oRadios[i].onclick = function(){
var value = this.value;
if( value == 1){
document.getElementById('tb2').style.display = 'none';
document.getElementById('tb1').style.display = 'block';
} else if( value == 2){
document.getElementById('tb1').style.display = 'none';
document.getElementById('tb2').style.display = 'block';
}
}
}
</script>
按钮控制显示:
<script>
$('#isadd').click(function(){
$('#doadd').toggle();
});
</script>
- javascript 根据单选框的值,来决定页面显示的方法
- 【JSP页面】如何根据Select的选项来决定页面input的显示隐藏
- 根据宽度来决定显示的字符串长度(C#)
- 根据宽根据宽度来决定显示的字符串长度 (C#,VS2005)度来决定显示的字符串长度 (C#,VS2005)
- 货架控件根据选择的区域来决定是否格式化显示
- ASP.NET下根据QueryString决定使用哪块JavaScript的两种方法 :)
- jsp 页面上根据id显示名字的方法
- 根据屏幕的尺寸决定图片的显示大小
- ExtJs根据combo的选择值决定表单项的隐藏或者显示
- ExtJs RadioGroup根据选择的值决定某些表单是否显示
- combobox怎样根据item内容来决定显示哪一个item
- 数据库中加条件判断来决定显示的数值
- 中加条件判断来决定显示的数值
- 页面根据数据库值进行判断显示不同的值
- 根据类别显示不同的页面元素
- 页面的布局——在一块区域中显示一条不定长度的下划线,根据前面的字决定这条线有多长
- 通过后台静态表的值来决定是否显示div
- javascript控制页面控件隐藏显示的两种方法
- Mybatis3学习
- Web項目开发流程及规范
- yii 图片上传
- 5.1.1-Wertyu
- 2011年1月江西IDC服务商排名报告
- javascript 根据单选框的值,来决定页面显示的方法
- 浙江行记六:从富而思学到军统要地江山行记
- IE10,不应只为Windows8而生
- 开启从Lotus 邮件系统到Exchange 系统的转移篇章-开篇介绍!
- 消息处理利器 ActiveMQ 的介绍 & Stomp 协议的使用
- 算法学习笔记----递归式证明
- <meta name="format-detection"/> 的用处
- pushd 寻找系统路径;php调用exe文件
- 大数