jquery操作单选框radio的例子
发布时间：2015-12-04 编辑：jiaochengji.com
分享一例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>
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();
}
})
})
$(function () {
$(":radio").click(function () {
if ($(this).val() == "1") {
$(".isShow").fadeIn();
} else {
$(".isShow").fadeOut();
}
})
})
代码说明：
$(":radio").click(function ()
添加对radio的js事件，然后判断value后，对后面的测试文字进行淡入淡出操作。
您可能感兴趣的文章：
Jquery操作radio的小例子
jquery操作单选框radio的例子
JS获取radio选中值实例代码
jquery 设置radio值的代码一例
jquery 获取表单元素里面的值示例代码
jquery操作select实例
使用纯CSS美化radio框和checkbox框的例子
jquery获取form表单元素值的实例
Jquery操作radio的简单实例
jquery获取input表单值的代码
[关闭]