Asp.net mvc2中根据选中多个CheckBox,让文本框显示选中内容的javascript脚本
<script type="text/javascript"> function GetCheckBoxText() { var equipment;
document.getElementById("txtEquipIds").value = ""; //获取文本框的值
equipment = document.getElementsByName("houseEqu"); //获取所有名为"houseEqu"的元素即:多个CheckBox for (var i = 0; i < equipment.length; i++) {//循环遍历checkbox是否选中,将选中的checkbox的value赋值给文本框 if (equipment[i].checked == true) { document.getElementById("txtEquipIds").value += equipment[i].value + ";"; } } }
</script>
<!--这里是循环遍历房屋设备的一个例子--> <% foreach (var houseEqu in (List<FcManage.Models.HouseEquipment>)ViewData["HouseEquipment"]) { %> <input type="checkbox" name="houseEqu" value="<%=houseEqu.Equipment %>" οnclick="GetCheckBoxText()" /><!--调用js脚本--> <%=houseEqu.Equipment%> <%} %> <%=Html.TextBox("txtEquipIds", Model.EquipmentId, new { style = "width:500px;" })%>