JQUERY對單選框(radio)操作的小例子
更新時間：2013年04月25日 11:16:30 作者：
在aspx文件中使用一個RadioButtonList控件顯示兩個radio標簽。表示一對選中狀態(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">
測試文字
</p>
然后在腳本js中添加Jquery引用后。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function () {
$(":radio").click(function () {
if ($(this).val() == "1") {
$(".isShow").fadeIn();
} else {
$(".isShow").fadeOut();
}
})
})
$(":radio").click(function () 添加對radio的js事件，然后判斷value后，對后面的測試文字進行淡入淡出操作。
OK,操作完成。如此便可以自由的操作頁面上的任何元素了。
相關(guān)文章
8款非常棒的響應(yīng)式j(luò)Query 幻燈片插件推薦
這篇文章收集了8款優(yōu)秀的響應(yīng)式 jQuery 幻燈片插件，它們能夠非常容易的集成到 Web 項目中。響應(yīng)式（Responsive）設(shè)計的目標是要讓產(chǎn)品界面能夠響應(yīng)用戶的行為，根據(jù)不同終端設(shè)備自動調(diào)整尺寸，帶給用戶良好的使用體驗2012-02-02
jQuery使用after()方法在元素后面添加多項內(nèi)容的方法
這篇文章主要介紹了jQuery使用after()方法在元素后面添加多項內(nèi)容的方法,實例分析了jQuery中after方法的功能及在元素后面添加內(nèi)容的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
jQuery+PHP實現(xiàn)動態(tài)數(shù)字展示特效
我們在一些應(yīng)用中需要動態(tài)展示數(shù)據(jù)，比如當(dāng)前在線人數(shù)，當(dāng)前交易總額，當(dāng)前匯率等等，前端頁面需要實時刷新獲取最新數(shù)據(jù)。本文將結(jié)合實例給大家介紹使用jQuery和PHP來實現(xiàn)動態(tài)數(shù)字展示效果。2015-03-03
原生javascript實現(xiàn)的分頁插件pagenav
這幾天要做一個前臺頁面,涉及到分頁,不想自己去寫所以在網(wǎng)上找jquery看有沒有好用一點的分頁組件,結(jié)果發(fā)現(xiàn)有很多,但是都很麻煩,看到了這個叫pagenav的發(fā)現(xiàn)相對來說還是很容易上手的,于是就直接用了,在我看來,能解決問題的辦法就是好辦法.越簡單越好.2014-08-08
ExtJs動態(tài)生成treepanel的Json格式
這篇文章主要介紹了ExtJs動態(tài)生成treepanel的Json格式的相關(guān)資料,需要的朋友可以參考下2015-07-07
jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法(附源碼)
這篇文章主要介紹了jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法,以實例形式較為詳細的分析了jQuery結(jié)合jsp實現(xiàn)下拉聯(lián)動菜單讀取本地數(shù)據(jù)的相關(guān)技巧,并附帶了完整源碼供讀者下載參考,需要的朋友可以參考下2015-12-12
jQuery插件StickUp實現(xiàn)網(wǎng)頁導(dǎo)航置頂
本文給大家介紹的是一款jQuery插件--StickUp，他的主要用途是實現(xiàn)網(wǎng)頁元素固定，如導(dǎo)航固定讓其總是保持在視圖中可見，效果非常不錯，這里推薦給小伙伴們。2015-04-04
jquery和js分別可以實現(xiàn)對div的隱藏和顯示，方法也不一樣，jquery的show、show;js的hidden、visible2014-09-09
jquery.validate.js validation表單的驗證插件2010-03-03
jquery插件tytabs.jquery.min.js實現(xiàn)漸變TAB選項卡效果
這篇文章主要介紹了jquery插件tytabs.jquery.min.js實現(xiàn)漸變TAB選項卡效果,實例分析了tytabs.jquery.min.js插件實現(xiàn)tab選項卡切換效果的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08