請選擇語言

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

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條評論
主站蜘蛛池模板: 亚洲男人的天堂久久香蕉网 | 国产娱乐凹凸视觉盛宴在线视频 | 99久久精品免费看国产一区二区 | 日本亚洲国产精品久久 | 国产小视频在线观看 | 最新久久免费视频 | 国产91在线视频 | 国产精品777 | 国产乱码精品一区二区三区四川 | 99国产精品免费视频 | 久久在线影院 | 国产乱码亚洲精品一区二区 | 精品亚洲综合在线第一区 | 日韩国产成人精品视频人 | www国产| 久久青草免费91线频观看不卡 | 精品久久网 | 九九视频国产免 | 2020国产精品视频 | 中文字幕亚洲在线 | 日韩午夜在线观看 | 久久久精品久久久久久 | 久久精品国产久金国产思思 | 奇米影视第四色7777 | 99九九精品免费视频观看 | 米奇久久 | 久久久无码精品亚洲日韩按摩 | 久久一色本道亚洲 | 亚洲国内自拍愉拍20页 | www日韩在线 | 日本一区二区三区免费看 | 国产在线伊人 | 亚洲日韩中文字幕 | 国产成人咱精品视频免费网站 | 久久精品欧美日韩精品 | 久久精品国产久金国产思思 | 在线精品欧美 | 久久久久国产午夜 | 黄色成人在线播放 | 国产精品成人免费 | 久草丁香 |