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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
js 创建快捷方式的代码(fso)
Nov 19 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
jquery eval解析JSON中的注意点介绍
Aug 23 Javascript
读取input:file的路径并显示本地图片的方法
Sep 23 Javascript
javascript简单性能问题及学习笔记
Feb 04 Javascript
JavaScript函数详解
Nov 17 Javascript
js结合正则实现国内手机号段校验
Jun 19 Javascript
JavaScript事件详细讲解
Jun 27 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
js数组实现权重概率分配
Sep 12 Javascript
微信小程序实现下拉刷新动画
Jun 21 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.ini修改php上传文件大小限制的方法详解
2013/06/17 PHP
PHP判断表单复选框选中状态完整例子
2014/06/24 PHP
浅谈PHPANALYSIS提取关键字
2019/03/08 PHP
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
javascript中的startWith和endWith的几种实现方法
2013/05/07 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
2014/01/16 Javascript
angularjs中的单元测试实例
2014/12/06 Javascript
详细分析JavaScript变量类型
2015/07/08 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
老生常谈Javascript中的原型和this指针
2016/10/09 Javascript
JS弹性运动实现方法分析
2016/12/15 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
2017/08/04 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
2018/12/05 Javascript
基于node简单实现RSA加解密的方法步骤
2019/03/21 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
Vue实现手机计算器
2020/08/17 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
2020/10/18 Javascript
使用Pyinstaller的最新踩坑实战记录
2017/11/08 Python
教你用 Python 实现微信跳一跳(Mac+iOS版)
2018/01/04 Python
TensorFlow深度学习之卷积神经网络CNN
2018/03/09 Python
解决phantomjs截图失败,phantom.exit位置的问题
2018/05/17 Python
对Python 检查文件名是否规范的实例详解
2019/06/10 Python
娇韵诗加拿大官网:Clarins加拿大
2017/11/20 全球购物
数据库基础的一些面试题
2012/02/25 面试题
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
酒店应聘自荐信
2013/11/09 职场文书
资料员的岗位职责
2013/11/20 职场文书
学雷锋志愿服务月活动总结
2014/03/09 职场文书
党员公开承诺书和承诺事项
2014/03/25 职场文书
婚前协议书范本
2014/04/15 职场文书
投资协议书范本
2014/04/21 职场文书
Django给表单添加honeypot验证增加安全性
2021/05/06 Python
Go语言应该什么情况使用指针
2021/07/25 Golang