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;" })%>