請選擇語言

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

ASP.NET jQuery 食譜5 (顯示CheckBoxList成員選

系統(tǒng) 2342 0

這章我們主要看下如何通過jQuery來獲取CheckBoxList成員內(nèi)容。

界面代碼:

      
        <
      
      
        form 
      
      
        id
      
      
        ="form1"
      
      
         runat
      
      
        ="server"
      
      
        >
      
      
< div align ="left" >
< fieldset style ="width: 400px; height: 150px" >
< p >
請選擇語言 </ p >
< asp:CheckBoxList ID ="ckbListPro" runat ="server" >
< asp:ListItem Value ="1" Text ="C#" ></ asp:ListItem >
< asp:ListItem Value ="2" Text ="JAVA" ></ asp:ListItem >
< asp:ListItem Value ="3" Text ="C++" ></ asp:ListItem >
< asp:ListItem Value ="4" Text ="JavaScript" ></ asp:ListItem >
</ asp:CheckBoxList >
</ fieldset >
< br />
< div id ="message" style ="color:Red;" ></ div >
</ div >
</ form >

顯示效果:

ASP.NET jQuery 食譜5 (顯示CheckBoxList成員選中的內(nèi)容)_第1張圖片

實(shí)現(xiàn)選中語言并顯示內(nèi)容腳本代碼:

         <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
      
<script type="text/javascript">
$(document).ready( function () {
// CheckBoxList在頁面呈現(xiàn)時(shí)轉(zhuǎn)換為<table id="ckbListPro">
// 成員ListItem轉(zhuǎn)換為<input type="checkbox"><label>
$("#<%=ckbListPro.ClientID %>").click( function () {
var str = "";
// 這里獲取到被選中的<input type="checkbox">
$("#<%=ckbListPro.ClientID %> input[type=checkbox]:checked").each( function () {
str = str + $( this ).val() + ":" + $( this ).next().text() + " "; // 這里的next()表示<label>
});
$("#message").text(str);
});
});
</script>

選中語言后界面:

ASP.NET jQuery 食譜5 (顯示CheckBoxList成員選中的內(nèi)容)_第2張圖片



?



ASP.NET jQuery 食譜5 (顯示CheckBoxList成員選中的內(nèi)容)


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長非常感激您!手機(jī)微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 日本亚洲成高清一区二区三区 | 成人精品第一区二区三区 | 国产日韩欧美在线观看不卡 | 亚洲一区视频在线播放 | 午夜大片免费男女爽爽影院久久 | 国产边打电话边被躁视频 | 猫咪www免费人成在线观看网址 | 日韩午夜小视频 | 欧美视频在线一区 | 999国产精品 | 91青青视频 | www.777奇米| 久久午夜激情 | 免费一级毛片免费播放 | 色综合久久久久久中文网 | 999热这里只有精品 999人在线精品播放视频 | 成人性视频网站 | 91色桃| 日本精品久久久久中文字幕8 | 在线观看视频91 | 亚洲午夜久久久久中文字幕久 | 午夜欧美成人 | 国产精品热久久毛片 | 又黄又爽又成人免费视频 | 一区二区三区在线免费看 | 91国在线高清视频 | 亚洲视频在线观看免费 | 免费操片 | 日本欧美一区二区三区 | 另类色视频 | 午夜免费福利影院 | 奇米网在线视频 | 欧美精品v欧洲精品 | 最新中文字幕在线播放 | 99热热久久这里只有精品8 | 三a毛片| 99re这里只有精品66 | 日韩免费观看一级毛片看看 | 激情欧美一区二区三区中文字幕 | 免费h| 亚洲成人高清在线 |