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

赞 (0)

相关推荐

  • jquery判断单选按钮radio是否选中的方法

    本文实例讲述了jquery判断单选按钮radio是否选中的方法.分享给大家供大家参考.具体如下: html代码如下: <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" id="d2" name="ra"

  • JQuery radio（单选按钮）操作方法汇总

    JQuery radio（单选按钮）操作方法汇总

    随着Jquery的作用越来越大,使用的朋友也越来越多.在Web中,由于CheckBox.Radiobutton .DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题.由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上. 1.获取选中值,三种方法都可以: 复制代码 代码如下: $('input:radio:checked').val(): $("input[type='radio']:checked&quo

  • jquery单选框radio绑定click事件实现方法

    本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="

  • jQuery获取选中单选按钮radio的值

     实例1: <div id="wrap"> <input type="radio" name="payMethod" value="1" />男 <input type="radio" name="payMethod" value="2" />女 </div> 获取一组单选按钮对象:var obj_payPlatform

  • 基于jquery自定义的漂亮单选按钮RadioButton

    基于jquery自定义的漂亮单选按钮RadioButton

    继续分享web前端自定义控件,今天所要分享的控件是单选按钮,希望对你有收获,有好的建议也希望能留言给我.代码如下: Html代码如下: 复制代码 代码如下: <div style="margin:50px;float:left;"> <b class="radio" _txt="单选我"></b> <b class="radio" _txt="单选你"><

  • JQuery判断radio（单选框）是否选中和获取选中值方法总结

    一.利用获取选中值判断选中 直接上代码,别忘记引用JQuery包 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

  • jquery获取radio值(单选组radio)

    单选组radio: $("input[@type=radio][@checked]").val(); 单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); radio单选组的第二个元素为当前选中值 $('input[@

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

    复制代码 代码如下: <asp:RadioButtonList runat="server" ID="rblShow" class="show" RepeatDirection="Horizontal"> <asp:ListItem Text="是" value="1" /> <asp:ListItem Text="否" value=&q

  • 利用原生js和jQuery实现单选框的勾选和取消操作的方法

    根据以下的Demo,大概就可以看的明白 Demo: <html> <head> <script src='jquery-1.9.1.min.js'></script> <script> window.onload = function(){ var dom_a = document.getElementById('a1'); var dom_b = document.getElementById("b1"); //alert(

  • 浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)

    若是只引用jquery的话,监听单选按钮改变事件如下: <input type="radio" name="sex" checked="checked" value="1">男 <input type="radio" name="sex" value="2">女 $(document).ready(function() { $('input[t

  • python+selenium 点击单选框-radio的实现方法

    例子:以百度文库中选择文档的类型为例 问题一:遍历点击所有文档类型的单选框 # coding=utf-8 from selenium import webdriver from time import sleep driver = webdriver.Chrome() driver.maximize_window() driver.get("http://wenku.baidu.com") driver.implicitly_wait(8) for i in driver.find_e

  • jquery对单选框,多选框,文本框等常见操作小结

    一.文本框.单选按钮.复选框.相关操作 复制代码 代码如下: var sex=$("input[name='sex']:checked").val();   //获取一组radio被选中项的值  var item=$("#sel option:selected").text();      //获取select被选中项的文本  var option_num=$('#sel').val();                 //获取select项目索引 $("

  • 三种取消选中单选框radio的方法

    本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的. <!DOCTYPE HTML> <html> <head> <title>单选按钮取消选中的三种方式</title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jqu

  • 取消选中单选框radio的三种方式示例介绍

    本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的. 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <title>单选按钮取消选中的三种方式</title> <script type="text/javascript" src="http://lib.sinaapp

  • Jquery为单选框checkbox绑定单击click事件

    一.假设有如下一段html代码 复制代码 代码如下: <dd id="1"> <input id="checkbox-518" class="imagezz" name type="checkbox" value="518"> </dd> 选中事件(根据选中情况修改上一层背景): 复制代码 代码如下: var $test_image_check_box_click = f

  • jquery动态增加删除表格行的小例子

    复制代码 代码如下: <script src="jquery/jquery-1.3.1.js"></script><style type="text/css">body{background:#FFFFFF;}</style></head><body><script> $(function(){ var show_count = 20;   //要显示的条数 var count =

随机推荐