JQUERY對單選框(radio)操作的小例子
更新時間:2013年04月25日 11:16:30 作者:
在aspx文件中使用一個RadioButtonList控件顯示兩個radio標簽。表示一對選中狀態(tài):
復制代碼 代碼如下:
<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,操作完成。如此便可以自由的操作頁面上的任何元素了。
相關文章
jquery ajaxSubmit 異步提交的簡單實現(xiàn)
這篇文章主要介紹了jquery ajaxSubmit 異步提交的簡單實現(xiàn)。需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02jQuery實現(xiàn)點擊任意位置彈出層外關閉彈出層效果
在之前做項目的時候經常會在主頁面上點擊某個按鈕,右側彈出一個div輸出對應內容的詳細信息,怎么實現(xiàn)的呢,今天小編給大家分享通過jquery實現(xiàn)點擊任意位置彈出層外關閉彈出層效果,感興趣的朋友一起看看吧2016-10-10jquery實現(xiàn)的省市區(qū)三級聯(lián)動
在做項目的時候,我們經常需要用到地址之類的省市區(qū)三級聯(lián)動的,今天就給大家分享一個非常簡潔的省市區(qū)三級聯(lián)動的代碼,基于jQuery,附上GIT地址,有需要的小伙伴可以直接拿走2015-04-04jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
slideToggle() 方法通過使用滑動效果(高度變化)來切換元素的可見狀態(tài)。2011-06-06