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..
|
6天前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
13 1
|
6天前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
13 0
|
6天前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
23 1
|
6天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
6天前
|
Web App开发 JavaScript 前端开发
jquery的冒泡事件event.stopPropagation()
jquery的冒泡事件event.stopPropagation()
8 0
|
6天前
|
JavaScript 前端开发
jQuery中的事件与动画
jQuery中的事件与动画
11 0
|
6天前
|
JavaScript
jQuery动画与事件概念以及语法
jQuery动画与事件概念以及语法
10 0
|
7月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
39 0
|
8月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
30 0
|
6天前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload