<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" type="text/javascript">
function iframeDiplay(){
document.getElementById('inId').style.display="none";
document.getElementById('ifId').style.visibility="visible";
}
function inputOndisplay(){
document.getElementById('ifId').style.visibility="hidden";
document.getElementById('inId').style.display="";
}
function testValue(checkboxName,textName){
var cValue = document.getElementById(checkboxName).value;
var textObj = document.getElementById(textName);
var newArr = new Array();
if(document.getElementById(checkboxName).checked == true){
textObj.value = textObj.value +"," + cValue;
}else{
newArr = textObj.value.split(",");
for(var i=1;i<=newArr.length-1;i++){
if(cValue == newArr[i]){
if(newArr.length <= 2){
var nullArr = new Array();
newArr=nullArr ;
}else{
newArr.splice(i,1);
}
}
}
if(newArr.length ==0){
textObj.value = "";
}else{
for(var j=1;j<newArr.length;j++){
textObj.value = "";
textObj.value = textObj.value +","+ newArr[j];
}
}
}
//alert('---'+textObj.value);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div id="inId" style="">
<table>
<tr >
<td><input id="c1" name="c1" type="checkbox" value="1" onclick="testValue('c1','valueDisplay')"/></td>
<td><input id="c2" name="c2" type="checkbox" value="2" onclick="testValue('c2','valueDisplay')"/></td>
<td><input id="valueDisplay" name="valueDisplay" type="text" value="" /></td>
</tr>
</table>
</div>
<table>
<tr>
<td><a href="javascript:iframeDiplay();">iframe_display</a></td>
<td><a href="javascript:inputOndisplay();">hiddenIframe</a></td>
</tr>
<tr>
<td>
<div id="ifId" style="visibility:hidden" >
<table width="200" border="1" >
<tr >
<td><iframe src="" id="abch"/></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
<br/>
</body>
</html>
分享到:
相关推荐
本文将深入探讨如何在C#中有效且简洁地获取多个CheckBox控件的选中值,这对于构建响应式和用户友好的应用程序至关重要。 ### 一、理解CheckBox控件 CheckBox控件是一种允许用户进行二元选择(即“是”或“否”,...
当我们在ListView中添加了CheckBox复选框功能时,可能需要获取被选中的项的索引值,以便进行进一步的操作,比如处理用户的选择或者更新数据库。本文将详细介绍如何在C#中获取ListView中CheckBox的索引值。 首先,...
**CheckBoxList** 是ASP.NET Web Forms中一个非常有用的控件,它允许用户选择一个或多个选项。CheckBoxList 控件在页面上呈现为一系列复选框,每个复选框代表一个选项。它非常适合用于用户需要进行多选的情况,比如...
如果要深入了解这个案例,需要查看源代码以获取更多细节。 总结来说,"悬浮窗口点击checkbox选中给text文本"的实现涵盖了HTML、CSS和JavaScript的基本知识,特别是JavaScript的DOM操作和事件处理,以及UI交互设计的...
在本文中,我们将深入探讨如何使用jQuery来获取和操作HTML页面上的多个复选框(checkbox)选项。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和动画效果。对于初学者来说,理解和掌握如何使用jQuery...
`<input type="checkbox">` 用于创建一组复选框,用户可以从中选择多个。 ##### 1. 获取被选中的 checkbox 的 value ```javascript // 遍历所有名为 items 的 checkbox,并获取每个被选中的 value $("input[name='...
可以使用 `$("#checkbox_id").attr("value")` 方法获取多选框 Checkbox 的值。 7. 获取单选组 Radio 的值: 可以使用 `$("input[@type=radio][@checked]").val()` 方法获取单选组 Radio 的值。 8. 获取下拉框 ...
1. 在`Page_Load`事件中,我们可以创建一个循环,根据需求生成多个HtmlInputCheckBox控件。每个控件的ID应具有唯一性,例如"check0"、"check1"等。 ```csharp protected void Page_Load(object sender, EventArgs e...
例如,在一个Windows Forms应用程序中,如果有多个Checkbox控件,可以通过遍历这些控件并检查它们的`Checked`属性来确定哪些被选中了。 #### 知识点三:收集选中的Checkbox值 如果需要将所有被选中的Checkbox的值...
- 多选框checkbox:`$("#chk1").attr("checked", '')`取消选中,`$("#chk1").attr("checked", true)`设置为选中。 - 单选组radio:`$("input[@type=radio][@checked]").val()`获取选中项的value值。 - 下拉框...
它通过`document.getElementsByName("checkme")`获取所有名为"checkme"的Checkbox,然后遍历并模拟点击每个Checkbox。同时,它还收集了选中项的值,并将它们存储在一个数组`arr`中。 ```javascript function fun() ...
- **权限管理**:在用户管理界面中,管理员可以选择多个权限分配给特定用户或角色。 #### 六、最佳实践 1. **优化性能**:当数据量较大时,应考虑使用分页或其他技术减少加载时间。 2. **增强用户体验**:使用CSS...
下面将详细解释如何使用jQuery来获取和设置text、textarea、radio、checkbox以及select等不同类型的input控件的值。 1. **获取text和textarea值**: - 对于`<input type="text">`和`<textarea>`,可以使用`.attr()...
根据提供的文件信息,我们可以总结出一系列关于如何使用 jQuery 来获取不同类型的输入元素(如 radio 按钮、checkbox 和 select 下拉列表)值的方法。接下来,我们将详细地解析这些方法,并提供相应的代码示例。 ##...
由于 CheckBox 可能有多个被选中,因此需要遍历来获取它们的值: ```javascript var arrChk = ""; $("input[name='checkbox_name']:checked").each(function() { arrChk += this.value + ','; }); ``` #### 五、...
在网页开发中,多选下拉的CheckBoxList是一种常见的用户界面元素,用于提供多个选项让用户进行复选选择。这种功能通常在需要用户选择多个值,且空间有限的情况下使用,例如填写表单或设置偏好时。在ASP.NET环境中,...
这个布局通常包含一个TextView用于显示文本信息,以及一个CheckBox用于选择。例如,你可以创建一个名为`list_item.xml`的布局文件: ```xml <CheckBox android:id="@+id/checkbox" android:layout_width="wrap_...
在处理多个CheckBox时,可能需要遍历所有CheckBox以获取选中的状态。这里可以使用Java的迭代器。首先,将CheckBox控件放入ArrayList中,然后使用迭代器遍历: ```java ArrayList<CheckBox> checkBoxList = new ...
如果在多个CheckBox之间进行多选操作,可以考虑使用ArrayAdapter和ListView结合CheckBox。首先,创建一个包含CheckBox的自定义列表项布局,然后在ListView的适配器中处理每个列表项的点击事件。 例如,假设我们有一...