DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQUERY對單選框(radio)操作的小例子
JQUERY對單選框(radio)操作的小例子
編輯:JQuery特效代碼     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved