欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)

    這篇文章主要介紹了jquery ajaxSubmit 異步提交的簡(jiǎn)單實(shí)現(xiàn)。需要的朋友可以過來(lái)參考下,希望對(duì)大家有所幫助
    2014-02-02
  • 基于jquery的鼠標(biāo)拖動(dòng)效果代碼

    基于jquery的鼠標(biāo)拖動(dòng)效果代碼

    因?yàn)槭髽?biāo)沒有拖動(dòng)事件(按下鼠標(biāo)并移動(dòng)),只有按下,抬起,移動(dòng)
    2012-05-05
  • 省市二級(jí)聯(lián)動(dòng)小案例講解

    省市二級(jí)聯(lián)動(dòng)小案例講解

    這篇文章主要介紹了省市二級(jí)聯(lián)動(dòng)小案例講解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-07-07
  • Jquery 的outerHeight方法使用介紹

    Jquery 的outerHeight方法使用介紹

    獲取第一個(gè)匹配元素外部高度默認(rèn)包括補(bǔ)白和邊框,在本文將為大家介紹下具體的實(shí)現(xiàn)代碼,此方法對(duì)可見和隱藏元素均有效,感興趣的朋友可以了解下
    2013-09-09
  • jQuery 無(wú)限級(jí)菜單的簡(jiǎn)單實(shí)例

    jQuery 無(wú)限級(jí)菜單的簡(jiǎn)單實(shí)例

    本篇文章主要是對(duì)jQuery 無(wú)限級(jí)菜單的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過來(lái)參考下,希望對(duì)大家有所幫助
    2014-02-02
  • jQuery實(shí)現(xiàn)點(diǎn)擊任意位置彈出層外關(guān)閉彈出層效果

    jQuery實(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-10
  • jQuery EasyUi實(shí)戰(zhàn)教程之布局篇

    jQuery EasyUi實(shí)戰(zhàn)教程之布局篇

    jQuery EasyUI Layout是一種基于jQuery的布局框架,今天初次使用Jquery EasyUi,簡(jiǎn)單的做了個(gè)布局頁(yè)面感覺還不錯(cuò),特此分享腳本之家平臺(tái)供大家學(xué)習(xí)
    2016-01-01
  • jquery實(shí)現(xiàn)的省市區(qū)三級(jí)聯(lián)動(dòng)

    jquery實(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-04
  • jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)

    jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)

    slideToggle() 方法通過使用滑動(dòng)效果(高度變化)來(lái)切換元素的可見狀態(tài)。
    2011-06-06
  • Jquery 表格合并的問題分享

    Jquery 表格合并的問題分享

    有朋友問GridView控件對(duì)于跨行合并的問題,這可以用控件嵌套來(lái)完成,當(dāng)然,我更喜歡在前臺(tái)來(lái)用JS來(lái)控制網(wǎng)頁(yè)元素的樣式,而后臺(tái)僅僅是根據(jù)客戶的請(qǐng)求,來(lái)返回?cái)?shù)據(jù)。
    2011-09-09

最新評(píng)論