ASP .NET jQuery实例5 (显示复选框列表成员选中的内容)
界面代码:复制代码代码如下:表单id=' form 1 ' runat=' server ' div align=' left '字段集style=' width : 400 px高度: 150像素请选择语言/p asp:复选框列表ID=' ckbListPro ' runat=' server ' asp: list item Value=' 1 ' Text=' c# '/asp: list item asp: list item Value=' 2 ' Text=' JAVA '/asp: list item asp3360 list item Value=' 3 ' Text=' C '/asp3: list item asp3: list item Value=' 4 ' Text=' JavaScript/表单显示效果
实现选中语言并显示内容脚本代码:复制代码代码如下:脚本src=' http :脚本/jquery-1。4 .1-vsdoc。js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(文档)。就绪(函数(){//复选框列表在页面呈现时转换为表id='ckbListPro' //成员列表项转换为输入类型=' checkbox '标签$(' # %=ckbListPro .客户端id“% 1”).click(function(){ var str=' ';//这里获取到被选中的输入类型='checkbox' $('#%=ckbListPro .客户端id % input[type=checkbox]:已选中').每个(函数(){ str=str $(this)).val() ':' $(this).下一个()。text()' ';//这里的下一个()表示标签});$('#message ').文本(字符串);});});/script选中语言后界面
版权声明:ASP .NET jQuery实例5 (显示复选框列表成员选中的内容)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。