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选中语言后界面