Asp.net mvc2中根据选中多个CheckBox,让文本框显示选中内容
2011-03-02 08:32
671 查看
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;" })%>
<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;" })%>
相关文章推荐
- ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
- checkbox显示选中内容个数
- C#--第11周实验--任务3--设计一个窗体,窗体上有两个文本框,一个按钮,2个单选按钮--实现单击按钮后,根据单选按钮,将对应文本框中内容显示在标签。
- 窗体上有两个文本框:一个文本框中最多输入字符6个;一个文本框中输入任何内容都显示*号。再添加一个按钮、2个单选按钮。实现单击按钮后,根据单选按钮,将对应文本框中内容显示在标签
- td中内容在竖直方向上居中显示及js获取checkbox是否选中的方式
- checkbox点击选中,再点击取消,并显示在文本框中
- js 页面上有五个checkbox按钮,以及一个textbox文本框。当勾选文本框时textbox文本框内的内容显示为当前勾选了几个checkbox,并且显示相应的checkbox文本内容。
- 根据复选框checkbox选中状态隐藏或显示input输入框
- checkbox选中,文本框才能输入内容-2006-6-12-1
- JS根据文本框内容匹配并高亮显示
- 根据数据库的内容动态创建Checkbox控件并显示在Panel上
- JS中:关于form中的Checkbox的操作: document.getElementsByName("name"),如何取消选中状态,如何将文本框内容清空
- ASP.NET jQuery 食谱5 (显示CheckBoxList成员选中的内容)
- android textview时实显示checkbox选中的内容
- checkbox如何选中时显示内容,不被选中时隐藏内容
- ASP.NET jQuery 随笔 显示CheckBoxList成员选中的内容
- JS根据表单中的选项,自动生成span标签后显示选中的内容
- jQuery实现checkbox选中时显示内容,没选中时隐藏内容
- Bootstrap table 点击行改变背景色,点击列选中或者取消选中checkbox,根据某个属性隐藏显示某个字段
- ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)