ASP.NET中怎么利用js取CheckBoxList值

今天就跟大家聊聊有關(guān)ASP.NET中怎么利用js取CheckBoxList值，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

前臺頁面代碼

<!--關(guān)鍵字-->
    <div id="keyWordsDiv" >
        <div >
            <ul >
                <li  onclick="getCheckVale()">[確定]</li><li
                    onclick="closeSelf()">[關(guān)閉]</li></ul>
        </div>
        <div>
            <asp:CheckBoxList ID="cblKeyWords" runat="server" RepeatColumns="2">
            </asp:CheckBoxList>
        </div>
    </div>

js腳本

//打開關(guān)鍵詞窗口

function  locking(e)
{     
    var divLeft = e.offsetLeft;
    var divTop = e.offsetTop;
    while(e=e.offsetParent) 
    { 
         divLeft   +=   e.offsetLeft;   
         divTop   +=   e.offsetTop; 
    }     
    var divObj = document.getElementById("keyWordsDiv");  
    divObj.style.left = divLeft+"px";
    divObj.style.top = divTop+20+"px";
    divObj.style.display = "block"; 
}
//關(guān)閉關(guān)鍵詞窗口
function  closeSelf()
{
    document.all.keyWordsDiv.style.display = 'none';
    var objCheck = document.getElementById("cblKeyWords").getElementsByTagName("input");
    for (var i = 0; i < objCheck.length; i++) {
        document.getElementById("cblKeyWords_" + i).checked = false;
    }
    return false;    
}
//關(guān)鍵詞取值
function getCheckVale()
{
//var objCheck=document.getElementById("cblKeyWords");
var objCheck=document.getElementById("cblKeyWords").getElementsByTagName("input");
var objLabel = document.getElementById("cblKeyWords").getElementsByTagName("label")
var txtKeyWordsValue = "";
var m=0
for(var i=0;i<objCheck.length;i++)
{
      if(document.getElementById("cblKeyWords_"+i).checked)
      {
        var idCheck =document.getElementById("cblKeyWords_"+i).id;//當(dāng)前選擇checkbox的ID
        for(var j = 0;j <objLabel.length;j++)
        {
            var forvalue=objLabel[j].getAttributeNode("for").value             
            if(forvalue == idCheck)
            { 
               m+=1;
               for(var k=0;k<m;k++)
               {
               if(k==m-1)
               {
                    txtKeyWordsValue+=objLabel[j].innerHTML;
               }
               else
               {
                    txtKeyWordsValue +="|"+objLabel[j].innerHTML;
                    break;
                }
                }
            }
        }
      }    
}
document.getElementById("txtKeyWords").value=txtKeyWordsValue;
document.all.keyWordsDiv.style.display='none';
}

添加一個按鈕調(diào)用js

復(fù)制代碼 代碼如下:

<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="選 擇" />

看完上述內(nèi)容，你們對ASP.NET中怎么利用js取CheckBoxList值有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。