最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

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

來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 22:40:38
文檔

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

ASP.NET中用js取CheckBoxList中值的方法實例:做的一些項目都比較小,而且時間緊,有好多東西都沒來得急總結,趁這會還有點時間把前面項目中的用到的知識點分享下,只為以后方便使用。前臺頁面代碼 代碼如下:<!--關鍵字--> <div id=keyWordsDiv style=border: 2px soli
推薦度:
導讀ASP.NET中用js取CheckBoxList中值的方法實例:做的一些項目都比較小,而且時間緊,有好多東西都沒來得急總結,趁這會還有點時間把前面項目中的用到的知識點分享下,只為以后方便使用。前臺頁面代碼 代碼如下:<!--關鍵字--> <div id=keyWordsDiv style=border: 2px soli

做的一些項目都比較小,而且時間緊,有好多東西都沒來得急總結,趁這會還有點時間把前面項目中的用到的知識點分享下,只為以后方便使用。
前臺頁面代碼
代碼如下:
<!--關鍵字-->
    <div id="keyWordsDiv" style="border: 2px solid #6FA1D9; display: none; position: absolute;
        top: 0px; left: 0px; width: 260px; height: 120px; z-index: 3; background-color: #EAF1FD;">
        <div style="width: 260px; height: 20px; background-color: #6FA1D9">
            <ul style="cursor: pointer; line-height: 20px;">
                <li style="float: right" onclick="getCheckVale()">[確定]</li><li style="float: right"
                    onclick="closeSelf()">[關閉]</li></ul>
        </div>
        <div>
            <asp:CheckBoxList ID="cblKeyWords" runat="server" RepeatColumns="2">
            </asp:CheckBoxList>
        </div>
    </div>

js腳本
代碼如下:
//打開關鍵詞窗口
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"; 
}
//關閉關鍵詞窗口
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;    
}
//關鍵詞取值
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;//當前選擇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';
}

添加一個按鈕調用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="選 擇" />

 好了,代碼就這么多,點擊按鈕后彈出層,選中復選框后確實就可以取到值了,下面來看下效果吧!

聲明:本網(wǎng)頁內容旨在傳播知識,若有侵權等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

文檔

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

ASP.NET中用js取CheckBoxList中值的方法實例:做的一些項目都比較小,而且時間緊,有好多東西都沒來得急總結,趁這會還有點時間把前面項目中的用到的知識點分享下,只為以后方便使用。前臺頁面代碼 代碼如下:<!--關鍵字--> <div id=keyWordsDiv style=border: 2px soli
推薦度:
標簽: 獲取 js 用JS
  • 熱門焦點
專題
Top

抖音扫码关注

手机端二维码

每天分享百科知识!