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

 更新时间:2013年04月25日 11:16:30   作者:  
在aspx文件中使用一个RadioButtonList控件显示两个radio标签。表示一对选中状态:

 

复制代码 代码如下:

<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,操作完成。如此便可以自由的操作页面上的任何元素了。

相关文章

  • jquery ajaxSubmit 异步提交的简单实现

    jquery ajaxSubmit 异步提交的简单实现

    这篇文章主要介绍了jquery ajaxSubmit 异步提交的简单实现。需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 基于jquery的鼠标拖动效果代码

    基于jquery的鼠标拖动效果代码

    因为鼠标没有拖动事件(按下鼠标并移动),只有按下,抬起,移动
    2012-05-05
  • 省市二级联动小案例讲解

    省市二级联动小案例讲解

    这篇文章主要介绍了省市二级联动小案例讲解的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • Jquery 的outerHeight方法使用介绍

    Jquery 的outerHeight方法使用介绍

    获取第一个匹配元素外部高度默认包括补白和边框,在本文将为大家介绍下具体的实现代码,此方法对可见和隐藏元素均有效,感兴趣的朋友可以了解下
    2013-09-09
  • jQuery 无限级菜单的简单实例

    jQuery 无限级菜单的简单实例

    本篇文章主要是对jQuery 无限级菜单的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • jQuery实现点击任意位置弹出层外关闭弹出层效果

    jQuery实现点击任意位置弹出层外关闭弹出层效果

    在之前做项目的时候经常会在主页面上点击某个按钮,右侧弹出一个div输出对应内容的详细信息,怎么实现的呢,今天小编给大家分享通过jquery实现点击任意位置弹出层外关闭弹出层效果,感兴趣的朋友一起看看吧
    2016-10-10
  • jQuery EasyUi实战教程之布局篇

    jQuery EasyUi实战教程之布局篇

    jQuery EasyUI Layout是一种基于jQuery的布局框架,今天初次使用Jquery EasyUi,简单的做了个布局页面感觉还不错,特此分享脚本之家平台供大家学习
    2016-01-01
  • jquery实现的省市区三级联动

    jquery实现的省市区三级联动

    在做项目的时候,我们经常需要用到地址之类的省市区三级联动的,今天就给大家分享一个非常简洁的省市区三级联动的代码,基于jQuery,附上GIT地址,有需要的小伙伴可以直接拿走
    2015-04-04
  • jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)

    jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)

    slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。
    2011-06-06
  • Jquery 表格合并的问题分享

    Jquery 表格合并的问题分享

    有朋友问GridView控件对于跨行合并的问题,这可以用控件嵌套来完成,当然,我更喜欢在前台来用JS来控制网页元素的样式,而后台仅仅是根据客户的请求,来返回数据。
    2011-09-09

最新评论