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