知识大全 ASP.NET中用js取CheckBoxList中值的方法实例

Posted 2022-07-17 知

篇首语：社会的善意点燃了希望的火苗，但要让生活火起来，还是要靠自己。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 ASP.NET中用js取CheckBoxList中值的方法实例相关的知识，希望对你有一定的参考价值。

ASP.NET中用js取CheckBoxList中值的方法实例 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

用脚本取CheckBoxList中的值并用"|"将其分开之后将取到的值放入文本框返回数据库做添加或者修改

　　做的一些项目都比较小而且时间紧有好多东西都没来得急总结趁这会还有点时间把前面项目中的用到的知识点分享下只为以后方便使用前台页面代码

复制代码代码如下: <! 关键字 > <div id="keyWordsDiv" > <div > <ul > <li onclick="getCheckVale()">[确定]</li><li onclick="closeSelf()">[关闭]</li></ul> </div> <div> <asp:CheckBoxList ID="cblKeyWords" runat="server" RepeatColumns=" "> </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+ +"px"; divObj style display = "block"; //关闭关键词窗口 function closeSelf() document all keyWordsDiv style display = none ; var objCheck = document getElementById("cblKeyWords") getElementsByTagName("input"); for (var i = ; 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= for(var i= ;i<objCheck length;i++) if(document getElementById("cblKeyWords_"+i) checked) var idCheck =document getElementById("cblKeyWords_"+i) id;//当前选择checkbox的ID for(var j = ;j <objLabel length;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; document getElementById("txtKeyWords") value=txtKeyWordsValue; document all keyWordsDiv style display= none ;

　　添加一个按钮调用js

复制代码代码如下: <asp:TextBox ID="txtKeyWords" runat="server" ReadOnly="True" ></asp:TextBox> <input id="imgkey" type=button runat="server" onclick="locking(this)" value="选择" />

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

cha138/Article/program/net/201311/14312