`

测试checkbox选中并得到id

 
阅读更多

 

<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>

 

分享到:
评论

相关推荐

    checkbox选中 全选 传值

    在IT行业中,"checkbox选中 全选 传值"是一个常见的交互功能,特别是在Web开发领域。这个功能涉及到用户界面(UI)设计、JavaScript编程、HTML和CSS等基础知识。下面将详细阐述这些知识点: 1. **Checkbox(复选框...

    checkbox全选,选中数据传到后台

    在前端,我们可以使用jQuery或者其他JavaScript库来处理用户交互,比如监听复选框的改变事件,收集选中项的ID,并在用户提交时构建请求参数。同时,为了实现全选功能,我们需要维护一个全选状态变量,当这个变量改变...

    改变checkbox背景勾选样式

    例如,我们可以创建一个背景框,并在`checkbox`被选中时改变其颜色。 ```css .custom-checkbox label::before { content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 1...

    checkbox三种状态

    "checkbox三种状态"这个主题聚焦于复选框的三种基本状态:未选中、已选中以及部分选中(如果支持)。复选框的状态管理是构建交互式应用的关键部分,特别是当处理多选数据时。 1. **未选中状态**:这是复选框的初始...

    mvc中checkbox的删除

    &lt;input type="checkbox" name="selectedIds" value="@item.Id" /&gt; @item.Name } ``` 2. **控制器(Controller)**:在控制器中,我们需要一个方法接收用户的选择并执行删除操作。这个方法通常接收一个包含...

    c# javascript 操作 checkBox控件

    然后,在C#代码-behind文件中,可以通过ID来访问这个控件,并执行相应的操作,如检查其是否被选中: ```csharp protected void Page_Load(object sender, EventArgs e) { if (myCheckBox.Checked) { // 处理当选...

    CheckBox_Demo

    android:id="@+id/my_checkbox" android:layout_width="wrap_content" &lt;!-- 可以改为具体像素值,如 "50dp" --&gt; android:layout_height="wrap_content" &lt;!-- 可以改为具体像素值,如 "30dp" --&gt; android:text=...

    ListView+CheckBox

    通过运行和调试这个测试项目,开发者可以更好地理解ListView与CheckBox交互的细节,并解决实际项目中的类似问题。 总之,处理ListView与CheckBox的交互需要理解ListView的复用机制,并在适配器中妥善管理数据模型和...

    jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法

    本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法。... //模拟测试加载成功后数据Id大于20的都勾选中,并禁用checkbox for (var i = 0; i &lt; data&gt; 20) { dgObj.datagrid('checkRow', i);

    安卓CheckBoxDemo

    9. **测试CheckBox**: 在单元测试和UI测试中,可以通过 Espresso 框架检查CheckBox的选中状态,执行点击操作,确保其功能的正确性。 10. **性能优化**: 当CheckBox在大量数据列表中时,应考虑使用RecyclerView...

    checkbox自定义样式

    &lt;input type="checkbox" id="myCheckbox" class="custom-checkbox"&gt; &lt;label for="myCheckbox" class="custom-checkbox-label"&gt;选择我 // 使用attachEvent检查IE浏览器 if (document.attachEvent) { document...

    checkbox treegrid,重写treegrid,第一列为checkbox

    3. **设计数据结构**:为了支持Checkbox TreeGrid,需要定义一个数据结构来表示树形数据,通常包含id(唯一标识)、parentId(父节点id)、label(显示文本)和checked(复选状态)等属性。 4. **实现渲染逻辑**:...

    CheckBox on ListView Android

    例如,可以在数据源中添加一个布尔值字段,表示CheckBox是否被选中。 5. **优化性能** 为了提高性能,ListView使用了View的重用机制。这意味着当一个项目离开屏幕时,它的View会被复用给即将进入屏幕的其他项目。...

    symbian CheckBox

    CheckBox的文本可以关联到资源ID,便于切换不同语言环境。 7. **性能优化**: 由于Symbian设备的资源限制,优化CheckBox的性能尤为重要。这包括减少不必要的重绘,避免过度复杂的UI设计,以及合理利用内存。 8. *...

    ZTree+Struts2+ajax+json实现checkbox权限树

    节点的状态(选中或未选中)通过Ajax异步更新,确保用户操作的即时反馈。 **Struts2** 是一个强大的MVC(模型-视图-控制器)框架,用于构建Java Web应用程序。在这个项目中,Struts2处理用户的请求,调用后台的业务...

    layui问题之模拟table表格中的选中按钮选中事件的方法

    在使用layui框架构建Web应用时,常常会遇到需要操作表格元素,尤其是处理表格中的选中按钮(checkbox)选中事件的情况。layui是一个轻量级的前端UI框架,它提供了丰富的组件,包括表格(table),方便开发者快速构建...

    使用<input>实现checkbox

    1. **基本结构**:`&lt;input type="checkbox" id="checkbox1" name="myCheckbox" value="selected"&gt;` - `type="checkbox"` 定义了这是一个复选框。 - `id` 是复选框的唯一标识符,用于通过JavaScript或CSS选择该元素...

    JS实现表单中checkbox对勾选中增加边框显示效果

    - `for`属性与checkbox的`id`属性相关联,用于在页面上实现标签与其对应的checkbox的关联性。 2. **CSS样式设计**: - 对于图片元素`&lt;img&gt;`,使用CSS设置`border:none`可以去除默认边框。 - 当需要给图片增加...

    Jquery获取复选框被选中值的简单方法

    脚本的主体是`$("#btn5").click(function(){...})`,这里的$("#btn5")是Jquery的选择器,用于选中ID为btn5的元素,.click(function(){...})是为这个元素绑定点击事件的处理函数。在函数内部,首先定义了一个名为str...

Global site tag (gtag.js) - Google Analytics