jquery单选框radio值改变change事件

简介: 2015年11月25日 13:39:03 1 $().ready(function(){ 2 //默认显示#input_div 3 if ($("input[name='type']:checked").

2015年11月25日 13:39:03

 1 $().ready(function(){
 2         //默认显示#input_div
 3         if ($("input[name='type']:checked").val() == '2') {
 4             $("#input_div").css('display', 'block');
 5         } else {
 6             $("#input_div").css('display', 'none');
 7         }
 8         //点击type==2的radio显示, 点击其他radio隐藏
 9         $(".radio_type").change(function(){
10             var checkedvalue = $("input[name='type']:checked").val();
11             if (checkedvalue == '2') {
12                 $("#input_div").css('display', 'block');
13             } else {
14                 $("#input_div").css('display', 'none');
15             }
16         });
17     });

 

目录
相关文章
N..
|
30天前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
11 1
|
1月前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
12 0
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
22 1
|
1月前
|
JavaScript 前端开发
jQuery中的事件与动画
jQuery中的事件与动画
10 0
|
1月前
|
JavaScript
jQuery动画与事件概念以及语法
jQuery动画与事件概念以及语法
8 0
|
3月前
|
JavaScript
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
39 0
|
3月前
|
JavaScript 前端开发
jQuery事件1-第5次课-JQ的事件跟JS一样的作用,只是写法不一样-附案例、任务
jQuery事件1-第5次课-JQ的事件跟JS一样的作用,只是写法不一样-附案例、任务
39 0
|
6月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
7月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0
|
3月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload