<script language="javascript">
function getCheckValues(theForm) {
var values = "";
var temp;
var formlen = theForm.length;
for (var i=0;i<formlen;i++) {
var theitem = theForm.elements[i].name;
var ischeck = theitem.indexOf("selectedObjectIds",0) + 1; /* simple string search on checkbox consistent name, you change it to deleteID or whatever */
if (ischeck > 0) {
if (theForm.elements[i].checked) {
//alert(values);
values += ((values==""?"":";")+theForm.elements[i].value);
}
}
}
alert(values);
return values;
}
function getCheckValues2(theForm){
var ids="";
for(var i=0;i<theForm.elements.length;i++){
if(theForm.elements[i].type=="checkbox"){
if(theForm.elements[i].checked==true){
ids += ((ids==""?"":";")+theForm.elements[i].value);
}
}
}
alert(ids);
}
</script>
<form name="theForm">
<table>
<tr>
<td><input type="checkbox" name="selectedObjectIds" value="id1"/></td>
</tr>
<tr>
<td><input type="checkbox" name="selectedObjectIds" value="id2"/></td>
</tr>
<tr>
<td><input type="checkbox" name="selectedObjectIds" value="id3"/></td>
</tr>
<tr>
<td><input type="button" value="测试checkbox选中并得到id" onclick="getCheckValues(theForm)"/></td>
<td><input type="button" value="测试checkbox选中并得到id" onclick="getCheckValues2(theForm)"/></td>
</tr>
</table>
</form>
相关推荐
在IT行业中,"checkbox选中 全选 传值"是一个常见的交互功能,特别是在Web开发领域。这个功能涉及到用户界面(UI)设计、JavaScript编程、HTML和CSS等基础知识。下面将详细阐述这些知识点: 1. **Checkbox(复选框...
在前端,我们可以使用jQuery或者其他JavaScript库来处理用户交互,比如监听复选框的改变事件,收集选中项的ID,并在用户提交时构建请求参数。同时,为了实现全选功能,我们需要维护一个全选状态变量,当这个变量改变...
例如,我们可以创建一个背景框,并在`checkbox`被选中时改变其颜色。 ```css .custom-checkbox label::before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 1...
"checkbox三种状态"这个主题聚焦于复选框的三种基本状态:未选中、已选中以及部分选中(如果支持)。复选框的状态管理是构建交互式应用的关键部分,特别是当处理多选数据时。 1. **未选中状态**:这是复选框的初始...
<input type="checkbox" name="selectedIds" value="@item.Id" /> @item.Name } ``` 2. **控制器(Controller)**:在控制器中,我们需要一个方法接收用户的选择并执行删除操作。这个方法通常接收一个包含...
然后,在C#代码-behind文件中,可以通过ID来访问这个控件,并执行相应的操作,如检查其是否被选中: ```csharp protected void Page_Load(object sender, EventArgs e) { if (myCheckBox.Checked) { // 处理当选...
android:id="@+id/my_checkbox" android:layout_width="wrap_content" <!-- 可以改为具体像素值,如 "50dp" --> android:layout_height="wrap_content" <!-- 可以改为具体像素值,如 "30dp" --> android:text=...
通过运行和调试这个测试项目,开发者可以更好地理解ListView与CheckBox交互的细节,并解决实际项目中的类似问题。 总之,处理ListView与CheckBox的交互需要理解ListView的复用机制,并在适配器中妥善管理数据模型和...
本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法。... //模拟测试加载成功后数据Id大于20的都勾选中,并禁用checkbox for (var i = 0; i < data> 20) { dgObj.datagrid('checkRow', i);
9. **测试CheckBox**: 在单元测试和UI测试中,可以通过 Espresso 框架检查CheckBox的选中状态,执行点击操作,确保其功能的正确性。 10. **性能优化**: 当CheckBox在大量数据列表中时,应考虑使用RecyclerView...
<input type="checkbox" id="myCheckbox" class="custom-checkbox"> <label for="myCheckbox" class="custom-checkbox-label">选择我 // 使用attachEvent检查IE浏览器 if (document.attachEvent) { document...
3. **设计数据结构**:为了支持Checkbox TreeGrid,需要定义一个数据结构来表示树形数据,通常包含id(唯一标识)、parentId(父节点id)、label(显示文本)和checked(复选状态)等属性。 4. **实现渲染逻辑**:...
例如,可以在数据源中添加一个布尔值字段,表示CheckBox是否被选中。 5. **优化性能** 为了提高性能,ListView使用了View的重用机制。这意味着当一个项目离开屏幕时,它的View会被复用给即将进入屏幕的其他项目。...
CheckBox的文本可以关联到资源ID,便于切换不同语言环境。 7. **性能优化**: 由于Symbian设备的资源限制,优化CheckBox的性能尤为重要。这包括减少不必要的重绘,避免过度复杂的UI设计,以及合理利用内存。 8. *...
节点的状态(选中或未选中)通过Ajax异步更新,确保用户操作的即时反馈。 **Struts2** 是一个强大的MVC(模型-视图-控制器)框架,用于构建Java Web应用程序。在这个项目中,Struts2处理用户的请求,调用后台的业务...
在使用layui框架构建Web应用时,常常会遇到需要操作表格元素,尤其是处理表格中的选中按钮(checkbox)选中事件的情况。layui是一个轻量级的前端UI框架,它提供了丰富的组件,包括表格(table),方便开发者快速构建...
1. **基本结构**:`<input type="checkbox" id="checkbox1" name="myCheckbox" value="selected">` - `type="checkbox"` 定义了这是一个复选框。 - `id` 是复选框的唯一标识符,用于通过JavaScript或CSS选择该元素...
- `for`属性与checkbox的`id`属性相关联,用于在页面上实现标签与其对应的checkbox的关联性。 2. **CSS样式设计**: - 对于图片元素`<img>`,使用CSS设置`border:none`可以去除默认边框。 - 当需要给图片增加...
脚本的主体是`$("#btn5").click(function(){...})`,这里的$("#btn5")是Jquery的选择器,用于选中ID为btn5的元素,.click(function(){...})是为这个元素绑定点击事件的处理函数。在函数内部,首先定义了一个名为str...