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     });

 

目录
相关文章
|
4月前
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
29 1
|
9天前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
18天前
|
JavaScript
jQuery 事件
jQuery 事件
34 10
|
23天前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
29 3
|
7天前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
10 0
|
2月前
|
Web App开发 JavaScript Android开发
重载jquery on方法实现click事件在移动端的快速响应
重载jquery on方法实现click事件在移动端的快速响应
|
4月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
|
5月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1天前
|
JavaScript 前端开发
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒)
9 4
jQuery Growl 插件(消息提醒)
|
3天前
|
存储 JSON JavaScript
jQuery Cookie 插件
jQuery Cookie 插件
13 4
jQuery Cookie 插件