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

 

目录
相关文章
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
147 1
|
JavaScript
jQuery 事件
jQuery 事件
135 10
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
98 3
|
JavaScript 前端开发 API
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
218 0
|
Web App开发 JavaScript Android开发
重载jquery on方法实现click事件在移动端的快速响应
重载jquery on方法实现click事件在移动端的快速响应
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
125 0
|
JavaScript
jQuery单选框跟复选框美化
在线演示 本地下载
1045 1
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件