手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQUERY对单选框(radio)操作的小例子
JQUERY对单选框(radio)操作的小例子
摘要:复制代码代码如下:测试文字然后在脚本js中添加Jquery引用后。复制代码代码如下:$(function(){$(":radio").cli...

复制代码 代码如下:

<asp:RadioButtonList runat="server" ID="rblShow"

RepeatDirection="Horizontal">

<asp:ListItem Text="是" value="1" />

<asp:ListItem Text="否" value="0"/>

</asp:RadioButtonList>

<p>

测试文字

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

【JQUERY对单选框(radio)操作的小例子】相关文章:

JavaScript实现Iterator模式实例分析

jQuery切换所有复选框选中状态的方法

JavaScript实现点击自动选择TextArea文本的方法

JavaScript操作Cookie方法实例分析

js实现简单div拖拽功能实例

Backbone.js的一些使用技巧

JQUERY表单暂存功能插件分享

JavaScript中操作字符串小结

jQuery页面的滚动位置scrollTop、scrollLeft

Javascript 事件捕获的备忘(setCapture,captureEvents)

精品推荐
分类导航