JQUERY对单选框(radio)操作的小例子


Posted in Javascript onApril 25, 2013

 

<asp:RadioButtonList runat="server" ID="rblShow" class="show"                 RepeatDirection="Horizontal">
                 <asp:ListItem Text="是" value="1" />
                 <asp:ListItem Text="否" value="0"/>
   </asp:RadioButtonList>
 <p class="isShow" style="width: 500px">
                测试文字
 </p>

然后在脚本js中添加Jquery引用后。
<script type="text/javascript">
         $(function () {
             $(":radio").click(function () {
                 if ($(this).val() == "1") {
                     $(".isShow").fadeIn();
                 } else {
                     $(".isShow").fadeOut();
                 }
             })
         })

$(":radio").click(function () 添加对radio的js事件,然后判断value后,对后面的测试文字进行淡入淡出操作。

OK,操作完成。如此便可以自由的操作页面上的任何元素了。

Javascript 相关文章推荐
Jquery 最近浏览过的商品的功能实现代码
May 14 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
Sep 21 Javascript
jQuery实现用户注册的表单验证示例
Aug 28 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
Jun 13 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
原生javascript实现图片弹窗交互效果
Jan 12 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
js利用appendChild对标签进行排序的实现方法
Oct 16 Javascript
bootstrap网格系统使用方法解析
Jan 13 Javascript
webpack打包多页面的方法
Nov 30 Javascript
vue2.0 实现富文本编辑器功能
May 26 Javascript
Node.js爬虫如何获取天气和每日问候详解
Aug 26 Javascript
jQuery中 noConflict() 方法使用
Apr 25 #Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 #Javascript
js Array对象的扩展函数代码
Apr 24 #Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 #Javascript
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 #Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 #Javascript
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
Apr 24 #Javascript
You might like
php 无限级缓存的类的扩展
2009/03/16 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
PHP设计模式(九)外观模式Facade实例详解【结构型】
2020/05/02 PHP
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
2011/10/19 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
jQuery版本升级踩坑大全
2016/01/12 Javascript
AngularJS入门教程之Scope(作用域)
2016/07/27 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
AngularJS执行流程详解
2017/02/17 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
2017/05/03 Javascript
JS查找数组中重复元素的方法详解
2017/06/14 Javascript
谈谈JS中的!!
2017/12/07 Javascript
JavaScript中变量、指针和引用功能与操作示例
2018/08/04 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
[00:05]ChinaJoy现场 DOTA2玩家高呼“CN DOTA BEST DOTA”
2019/08/04 DOTA
Python中的闭包详细介绍和实例
2014/11/21 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
利用python-docx模块写批量生日邀请函
2019/08/26 Python
Tensorflow 1.0之后模型文件、权重数值的读取方式
2020/02/12 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
2020新版本pycharm+anaconda+opencv+pyqt环境配置学习笔记,亲测可用
2020/03/24 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
HTML5实现签到 功能
2018/10/09 HTML / CSS
HTML5 实现图片上传预处理功能
2020/02/06 HTML / CSS
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
AmazeUI框架搭建的方法步骤(图文)
2020/08/17 HTML / CSS
幼儿教师培训感言
2014/03/08 职场文书
事业单位鉴定材料
2014/05/25 职场文书
上课说话检讨书500字
2014/11/01 职场文书
商务宴请邀请函范文
2015/02/02 职场文书
上手简单,功能强大的Python爬虫框架——feapder
2021/04/27 Python
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python