`

复选框 选择 全选

阅读更多

页面:

<td align="right">使用状态: <input type="checkbox" name="checkBox2"  onClick="selectAll('serviceModes','checkBox2')" title="全部选中或取消选中"/>
     </td>
  <td width="30%">
      <bean:define id="serviceMode" name="hardWareForm" property="serviceModeList"/>
          <html:select name="hardWareForm" property="serviceModes" multiple="true"  size="5" style="width:95%">
        <html:options collection="serviceMode" property="key" labelProperty="value" />
          </html:select>
      </td>

 

脚本:

//全选
function selectAll(s,boxname){
 var checked = false;
 var box = document.getElementById(boxname);
 if(box.checked){
  checked = true;
 }
 var b = document.getElementById(s);
 for(var i=0;i<b.length;i++){
        b[i].selected=checked;
 }
}

 

var serviceModes = document.getElementById("serviceModes");
 for(var i=0;i<serviceModes .length;i++){
   if(serviceModes [i].selected){
  if(checkValues=="" || checkValues==null){
    checkValues = serviceModes [i].value; 
   }else{
    checkValues += "," + serviceModes [i].value;
  }
  }
  }

 

在action中直接获取

String[] serviceModes = (String[]) request
     .getAttribute("serviceModes");

 

分享到:
评论

相关推荐

    树结构 复选框 多选 全选功能

    当用户点击一个节点的复选框时,我们需要根据当前选择策略(是否允许部分选中、是否必须全选子节点等)来更新选中集合。 在实际开发中,实现这些功能通常需要以下步骤: 1. 渲染树结构:根据数据生成HTML结构,为每...

    QTableWidget表头添加复选框实现全选功能

    1. **复选框状态的保存与恢复**:在关闭和重新打开应用程序时,应能记住之前选择的状态。这可以通过保存和加载配置文件或者使用`QSettings`类来实现。 2. **多列全选**:如果需要在多列表头中实现全选功能,可以...

    DataGridView行标题加复选框实现全选

    标题中的复选框全选功能无需额外的按钮触发,使得界面更加简洁高效。 本文将详细介绍如何在`DataGridView`行标题中集成复选框,并实现全选功能。 1. **创建项目和添加DataGridView控件** 首先,我们需要创建一个...

    实现table表格checkbox复选框的全选 反选

    在HTML的表格中实现复选框的全选与反选功能,能够大大提升用户体验,使用户可以便捷地选择一组数据。这里我们将详细探讨如何通过JavaScript和HTML来实现这一功能。 首先,我们需要创建一个包含复选框的HTML表格。...

    jquery 、js实现复选框 (全选、反选)

    #### 一、jQuery实现复选框全选与反选 **1.1 全选功能** 首先来看全选功能的实现。全选即用户点击某个按钮后,页面上所有的复选框都将被选中。 ```javascript // 全选 function checkAll() { $(":checkbox")....

    spreadjs_列头添加复选框全选功能-demo.zip

    在列头复选框全选功能的实现中,我们需要监听复选框的点击事件,然后遍历所有单元格并根据全选框的状态更改它们的选择状态。这可以通过调用SpreadJS的API来完成,例如 `sheet.setActiveRange()` 或 `sheet....

    复选框的全选和反选、复选框的全选和反选

    总之,复选框的全选和反选功能是UI交互设计中的基础元素,它在数据管理、用户选择和批量操作等场景中起到关键作用。理解和熟练运用这一功能,可以提升应用的易用性和效率。在实际开发中,我们需要根据具体的技术栈和...

    jQuery实现复选框checkbox全选、反选功能.rar

    首先,我们需要获取所有待选的复选框,这可以通过CSS选择器`$('input[name="item[]"]')`实现。然后,我们可以通过`.prop()`方法来设置或获取复选框的`checked`属性。 全选功能的jQuery代码如下: ```javascript $...

    DataGridView 复选框全选。

    以上就是实现`DataGridView`复选框全选功能的基本步骤。在实际应用中,你可能还需要考虑更多细节,比如如何同步模型数据、处理行插入和删除等。通过这个功能,用户可以更便捷地对大量数据进行批量操作,极大地提高了...

    javascript 实现复选框全选/取消功能

    ### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    C#复选框实现全选反选和全不选

    在C#编程中,复选框(CheckBox)控件是一种常用的选择组件,常用于实现用户界面中的多选功能。在本教程中,我们将探讨如何利用C#实现复选框来控制DataGridView的数据全选、反选以及全不选,并在选中复选框后改变行的...

    Axure RP 复选框全选、反选

    用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。

    复选框的全选与全不选

    复选框的全选与全不选

    教你一天玩转JavaScript(七)——使用JavaScript完成复选框的全选和全不选的效果

    在JavaScript的世界里,复选框(checkbox)是网页交互中常见的元素,用户可以通过它们来选择一个或多个选项。本教程将深入讲解如何使用JavaScript实现复选框的全选和全不选功能,让您的网页交互体验更加友好。我们将...

    javascript复选框全选

    javascript 复选框全选,复选框全选,复选框全选

    复选框 实现 单选 全选

    此外,当全选复选框被选中时,会清空隐藏字段`context`和`contextTemp`的值,这是因为这些字段在全选状态下可能不再需要显示具体的选择信息。 #### 实现细节 1. **全选复选框**:位于表格头部的复选框,其`onclick...

    Wincc复选框进行数据批量选择

    复选框全选脚本** - 通过VBS脚本实现全选功能。例如,当用户点击某个按钮时,所有相关的复选框都会被自动勾选。 #### 二、VBS脚本编写详解 **1. 复选框2变量连接** - 类似于复选框1的变量连接设置,复选框2也...

    c# datagirdview列头增加复选框列多选增加全选列

    在许多应用程序中,我们可能需要在数据网格中添加复选框列,以便用户可以选择一个或多个行。此外,提供一个全选/全不选的功能能极大提高用户体验。本教程将详细讲解如何在C#的DataGridView中实现这个功能。 首先,...

    jquery复选框全选操作

    以上就是使用jQuery实现复选框全选和反选的基本步骤。在实际项目中,你可能还需要考虑一些边缘情况,例如当子复选框动态添加或删除时,全选状态的更新等。这个小示例提供了一个基础框架,开发者可以根据具体需求进行...

    axure复选框全选反选效果.rp

    axure复选框全选反选效果.rp

Global site tag (gtag.js) - Google Analytics