熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET中用js取CheckBoxList中值的方法實例

2013-11-13 10:41:30  來源: .NET編程 
用腳本取CheckBoxList中的值並用"|"將其分開之後將取到的值放入文本框返回數據庫做添加或者修改  

  做的一些項目都比較小而且時間緊有好多東西都沒來得急總結趁這會還有點時間把前面項目中的用到的知識點分享下只為以後方便使用
前台頁面代碼

復制代碼 代碼如下:
<!關鍵字>
    <div id="keyWordsDiv" style="border: px solid #FAD; display: none; position: absolute;
        top: px; left: px; width: px; height: px; zindex: ; backgroundcolor: #EAFFD;">
        <div style="width: px; height: px; backgroundcolor: #FAD">
            <ul style="cursor: pointer; lineheight: px;">
                <li style="float: right" onclick="getCheckVale()">[確定]</li><li style="float: right"
                    onclick="closeSelf()">[關閉]</li></ul>
        </div>
        <div>
            <asp:CheckBoxList ID="cblKeyWords" runat="server" RepeatColumns="">
            </asp:CheckBoxList>
        </div>
    </div>

  
js腳本

復制代碼 代碼如下:
//打開關鍵詞窗口
function  locking(e)
{     
    var divLeft = eoffsetLeft;
    var divTop = eoffsetTop;
    while(e=eoffsetParent) 
    { 
         divLeft   +=   eoffsetLeft;   
         divTop   +=   eoffsetTop; 
    }     
    var divObj = documentgetElementById("keyWordsDiv");  
    divObjstyleleft = divLeft+"px";
    divObjstyletop = divTop++"px";
    divObjstyledisplay = "block"; 
}
//關閉關鍵詞窗口
function  closeSelf()
{
    documentallkeyWordsDivstyledisplay = none;
    var objCheck = documentgetElementById("cblKeyWords")getElementsByTagName("input");
    for (var i = ; i < objChecklength; i++) {
        documentgetElementById("cblKeyWords_" + i)checked = false;
    }
    return false;    
}
//關鍵詞取值
function getCheckVale()
{
//var objCheck=documentgetElementById("cblKeyWords");
var objCheck=documentgetElementById("cblKeyWords")getElementsByTagName("input");
var objLabel = documentgetElementById("cblKeyWords")getElementsByTagName("label")
var txtKeyWordsValue = "";
var m=
for(var i=;i<objChecklength;i++)
{
      if(documentgetElementById("cblKeyWords_"+i)checked)
      {
        var idCheck =documentgetElementById("cblKeyWords_"+i)id;//當前選擇checkbox的ID
        for(var j = ;j <objLabellength;j++)
        {
            var forvalue=objLabel[j]getAttributeNode("for")value             
            if(forvalue == idCheck)
            { 
               m+=;
               for(var k=;k<m;k++)
               {
               if(k==m)
               {
                    txtKeyWordsValue+=objLabel[j]innerHTML;
               }
               else
               {
                    txtKeyWordsValue +="|"+objLabel[j]innerHTML;
                    break;
                }
                }
            }
        }
      }    
}
documentgetElementById("txtKeyWords")value=txtKeyWordsValue;
documentallkeyWordsDivstyledisplay=none;
}

  
添加一個按鈕調用js

復制代碼 代碼如下:
<asp:TextBox ID="txtKeyWords" runat="server" ReadOnly="True" class="inp"></asp:TextBox>
<input id="imgkey" type="button" runat="server" onclick="locking(this)" class="tailBut"  value="選 擇" />

  
 好了代碼就這麼多點擊按鈕後彈出層選中復選框後確實就可以取到值了下面來看下效果吧!
ASP.NET中用js取CheckBoxList中值的方法實例

  


From:http://tw.wingwit.com/Article/program/net/201311/14312.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.