JQUERY對(duì)單選框(radio)操作的小例子
更新時(shí)間:2013年04月25日 11:16:30 作者:
在aspx文件中使用一個(gè)RadioButtonList控件顯示兩個(gè)radio標(biāo)簽。表示一對(duì)選中狀態(tài):
復(fù)制代碼 代碼如下:
<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">
測(cè)試文字
</p>
然后在腳本js中添加Jquery引用后。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function () {
$(":radio").click(function () {
if ($(this).val() == "1") {
$(".isShow").fadeIn();
} else {
$(".isShow").fadeOut();
}
})
})
$(":radio").click(function () 添加對(duì)radio的js事件,然后判斷value后,對(duì)后面的測(cè)試文字進(jìn)行淡入淡出操作。
OK,操作完成。如此便可以自由的操作頁(yè)面上的任何元素了。
相關(guān)文章
jquery ajaxSubmit 異步提交的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要介紹了jquery ajaxSubmit 異步提交的簡(jiǎn)單實(shí)現(xiàn)。需要的朋友可以過來(lái)參考下,希望對(duì)大家有所幫助2014-02-02jQuery 無(wú)限級(jí)菜單的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jQuery 無(wú)限級(jí)菜單的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過來(lái)參考下,希望對(duì)大家有所幫助2014-02-02jQuery實(shí)現(xiàn)點(diǎn)擊任意位置彈出層外關(guān)閉彈出層效果
在之前做項(xiàng)目的時(shí)候經(jīng)常會(huì)在主頁(yè)面上點(diǎn)擊某個(gè)按鈕,右側(cè)彈出一個(gè)div輸出對(duì)應(yīng)內(nèi)容的詳細(xì)信息,怎么實(shí)現(xiàn)的呢,今天小編給大家分享通過jquery實(shí)現(xiàn)點(diǎn)擊任意位置彈出層外關(guān)閉彈出層效果,感興趣的朋友一起看看吧2016-10-10jQuery EasyUi實(shí)戰(zhàn)教程之布局篇
jQuery EasyUI Layout是一種基于jQuery的布局框架,今天初次使用Jquery EasyUi,簡(jiǎn)單的做了個(gè)布局頁(yè)面感覺還不錯(cuò),特此分享腳本之家平臺(tái)供大家學(xué)習(xí)2016-01-01jquery實(shí)現(xiàn)的省市區(qū)三級(jí)聯(lián)動(dòng)
在做項(xiàng)目的時(shí)候,我們經(jīng)常需要用到地址之類的省市區(qū)三級(jí)聯(lián)動(dòng)的,今天就給大家分享一個(gè)非常簡(jiǎn)潔的省市區(qū)三級(jí)聯(lián)動(dòng)的代碼,基于jQuery,附上GIT地址,有需要的小伙伴可以直接拿走2015-04-04jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
slideToggle() 方法通過使用滑動(dòng)效果(高度變化)來(lái)切換元素的可見狀態(tài)。2011-06-06