国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > .NET > 正文

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

2020-01-17 23:48:52
字體:
來源:轉載
供稿:網友

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

復制代碼 代碼如下:

<!--關鍵字-->
    <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="選 擇" />

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 遵义市| 新蔡县| 嘉善县| 涞源县| 晋江市| 南充市| 乐东| 湘阴县| 昌宁县| 香港| 铜鼓县| 梧州市| 顺昌县| 沈阳市| 西丰县| 乐都县| 忻城县| 金堂县| 呼玛县| 星子县| 黑水县| 南木林县| 巨野县| 德昌县| 荥经县| 平罗县| 连山| 德兴市| 青冈县| 乌海市| 绥中县| 昌江| 盈江县| 兴义市| 郸城县| 彩票| 内黄县| 天等县| 西和县| 政和县| 西平县|