jquery操作单选框radio的例子

发布时间:2020-05-04编辑:脚本学堂
分享一例jquery操作radio单选框的代码,有需要的朋友参考学习下。

在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>

jquery操作radio的代码,如下:
 

复制代码 代码示例:
<script type="text/javascript">
$(function () {
    $(":radio").click(function () {
        if ($(this).val() == "1") {
   $(".isShow").fadeIn();
        } else {
   $(".isShow").fadeOut();
        }
    })
})

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