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,操作完成。如此便可以自由的操作页面上的任何元素了。
相关文章
这篇文章收集了8款优秀的响应式 jQuery 幻灯片插件，它们能够非常容易的集成到 Web 项目中。响应式（Responsive）设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验2012-02-02
jQuery使用after()方法在元素后面添加多项内容的方法
这篇文章主要介绍了jQuery使用after()方法在元素后面添加多项内容的方法,实例分析了jQuery中after方法的功能及在元素后面添加内容的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
我们在一些应用中需要动态展示数据，比如当前在线人数，当前交易总额，当前汇率等等，前端页面需要实时刷新获取最新数据。本文将结合实例给大家介绍使用jQuery和PHP来实现动态数字展示效果。2015-03-03
这几天要做一个前台页面,涉及到分页,不想自己去写所以在网上找jquery看有没有好用一点的分页组件,结果发现有很多,但是都很麻烦,看到了这个叫pagenav的发现相对来说还是很容易上手的,于是就直接用了,在我看来,能解决问题的办法就是好办法.越简单越好.2014-08-08
这篇文章主要介绍了ExtJs动态生成treepanel的Json格式的相关资料,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了jQuery+jsp下拉框联动获取本地数据的方法,以实例形式较为详细的分析了jQuery结合jsp实现下拉联动菜单读取本地数据的相关技巧,并附带了完整源码供读者下载参考,需要的朋友可以参考下2015-12-12
本文给大家介绍的是一款jQuery插件--StickUp，他的主要用途是实现网页元素固定，如导航固定让其总是保持在视图中可见，效果非常不错，这里推荐给小伙伴们。2015-04-04
jquery和js分别可以实现对div的隐藏和显示，方法也不一样，jquery的show、show;js的hidden、visible2014-09-09
jquery.validate.js validation表单的验证插件2010-03-03
jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果
这篇文章主要介绍了jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果,实例分析了tytabs.jquery.min.js插件实现tab选项卡切换效果的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
最新评论