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

用脚本取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="选 择" />

好了代码就这么多点击按钮后弹出层选中复选框后确实就可以取到值了下面来看下效果吧！