Asp.net mvc2中根据选中多个CheckBox,让文本框显示选中内容

来源:互联网 发布:qq三国js转职 编辑:程序博客网 时间:2024/05/16 06:37

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 %>" onclick="GetCheckBoxText()" /><!--调用js脚本-->
                        <%=houseEqu.Equipment%>
                        <%} %>
                        <%=Html.TextBox("txtEquipIds", Model.EquipmentId, new { style = "width:500px;" })%>

原创粉丝点击