`
zhaoliaoyuan
  • 浏览: 21725 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类

js分组进行全选和全不选

阅读更多

<script type="text/javascript">
function funCheckAll(obj) {
  var code_Values = document.getElementsByName(obj);
   for(i = 0;i < code_Values.length;i++){
      if(code_Values[i].type == "checkbox") {
        code_Values[i].checked = true;
       }
   }
}
 
 function uncheckAll(obj) {
   var code_Values = document.getElementsByName(obj);
   for(i = 0;i < code_Values.length;i++){
    if(code_Values[i].type == "checkbox") {
        code_Values[i].checked = false;
        flag=true;
       }
    }
}

</script>

 

 

 

jsp页面中的格式:

 

 

 

<logic:iterate id="declass" name="lstIndexClass">
            <tr>
                <td>
                    <input type="checkbox" id="chkbx"
                        name="cbSelect${declass.indexClassId}"
                        onclick="javascript: if(this.checked==true){funCheckAll('chkSel${declass.indexClassId}');}else{uncheckAll('chkSel${declass.indexClassId}');}" />

                </td>
                <td colspan="4">
                    <strong><c:out value="${declass.typeName}"></c:out> </strong>
                    <input name="indClsId" type="hidden"
                        value="${declass.indexClassId}">
                </td>
            </tr>
            <logic:iterate id="item" name="lstindex">
                <logic:match name="item" property="typeName"
                    value="${declass.typeName}">
                    <tr>
                        <td>
                        <logic:empty name="lstCorpIndex">    <input type="checkbox" id="chk"
                                name="chkSel${declass.indexClassId}" value="${item.indexInfoId}" /></logic:empty>
                        <logic:notEmpty name="lstCorpIndex">
                        <logic:iterate id="cpind" name="lstCorpIndex">
                         <logic:match name="cpind" property="index_info_id" value="${item.indexInfoId}">
                            <input type="checkbox" id="chk"
                                name="chkSel${declass.indexClassId}" value="${item.indexInfoId}" checked="checked" />
                                </logic:match>
                                 <logic:notMatch name="cpind" property="index_info_id" value="${item.indexInfoId}">
                           
                                </logic:notMatch>
                                </logic:iterate>
                        </logic:notEmpty>
                        </td>
                        <td>
                            <c:out value="${item.indexName}"></c:out>
                            <input name="indInfoId${declass.indexClassId}" type="hidden" value="${item.indexInfoId}" />
                        </td>
                        <td>
                            <c:if test="${item.indexType==1}">系统指标</c:if>
                            <c:if test="${item.indexType==0}">自定义指标</c:if>
                        </td>
                        <td>
                            <c:out value="${item.computeExpression}"></c:out>
                        </td>
                        <td>
                            <c:out value="${item.rmk }"></c:out>
                        </td>
                    </tr>
                </logic:match>
            </logic:iterate>
        </logic:iterate>


 

 

 

 

 

 

0
0
分享到:
评论

相关推荐

    js实现全选和全不选功能

    在JavaScript编程中,实现全选和全不选功能是一项常见的需求,特别是在涉及到用户界面中包含多个复选框的场景。这个功能允许用户通过一个主复选框来控制其他所有复选框的状态。以下是一个详细的解释和示例代码,用于...

    jquery 复选框 全选,全不选

    本话题主要关注如何使用jQuery来实现复选框的全选和全不选功能。在HTML页面中,复选框是一种常见的表单元素,用于让用户可以选择多个选项中的一个或多个。全选和全不选功能则为用户提供了一种便捷的方式来一次性选择...

    checkbox实现全选和反选经典例子

    在开发过程中,确保对各种场景进行充分的测试,包括全选、反选、部分选中以及在数据动态加载或更新后的情况。 综上所述,"checkbox实现全选和反选经典例子"是一个关于如何在Web应用中利用Checkbox控件提高用户交互...

    通过js来制作复选框的全选和不选效果

    首先,要实现全选和全不选的效果,我们需要了解HTML中的复选框和JavaScript的基础知识。在HTML中,复选框可以通过`&lt;input type="checkbox"&gt;`标签来创建,而在JavaScript中,可以通过操作DOM(文档对象模型)来控制...

    select复选框带全选

    为了实现全选和全不选功能,我们需要添加额外的按钮和JavaScript代码。按钮可以是Bootstrap的`&lt;button&gt;`或`&lt;input type="checkbox"&gt;`,并在点击时触发相应的事件处理函数。这里我们使用`&lt;input type="checkbox"&gt;`...

    EXTJS动态树支持checkbox 全选

    可以设置`threeState`来决定是否支持三态复选(全选、部分选、全不选),以及`checkGroup`来分组复选框,使得同一组内的复选框只能有一个被选中。 4. **事件监听**:监听节点的`checkchange`事件,当用户改变复选框...

    判断复选框的选择状态

    在IT界,尤其是在前端开发和用户界面设计中,"判断复选框的选择状态"是一个常见的需求,主要用于实现全选和全不选的功能。这个功能在各种列表或表格中广泛使用,比如在邮件客户端中选择多封邮件,或者在电商网站上...

    Jquery 实现checkbox全选方法

    本文所介绍的方法是基于jQuery实现的,通过脚本对checkbox进行操作,实现全选和全不选的控制。它的核心思想是通过操作DOM元素属性来达到控制复选框状态的目的。 #### 2. 全选方法的实现背景 在常规的全选实现中,...

    JavaScript复选框相关函数

    下面我们将深入探讨与复选框相关的JavaScript函数以及如何实现全选和全不选的功能。 一、HTML中的复选框 在HTML中,复选框是通过`&lt;input&gt;`标签创建的,类型设置为"checkbox"。例如: ```html ``` 二、JavaScript...

    jquery_checkgroup.js

    `jquery_checkgroup.js`提供了丰富的配置参数,如`toggleButton`用于设置全选/反选按钮,`selectAllText`和`deselectAllText`分别定义全选和全不选的按钮文本,以及`allowIndeterminate`是否允许部分选中的状态。...

    Jquery实现下拉框多选

    这个插件允许用户在一个下拉菜单中选择多个项,提供了丰富的自定义样式和功能,如渐进渐出效果、分组选择、全选和全取消等。 1. 渐进渐出效果:在用户点击下拉框时,菜单以动画形式出现或消失,增加了用户交互的...

    bootstrap-multiselect

    2. **全选/全不选**:提供了全选和全不选的选项,方便用户快速操作。 3. **分组选项**:支持对下拉选项进行分组,使界面更清晰。 4. **搜索过滤**:用户可以在下拉框内搜索选项,快速定位需要的内容。 5. **事件监听...

    jsp中checkbox用法详解

    本文将详细解析JSP中复选框的用法,包括如何获取复选框的值以及如何使用JavaScript来控制复选框的全选和全不选操作。 首先,JSP页面中的复选框通常是这样定义的: ```html 选项值"&gt; ``` 其中,`name`属性表示这个复...

    完整版多选对话框模块.rar

    有时,还会提供全选和全不选的按钮以方便操作。 4. **确认和取消按钮**:用户可以通过点击“确定”或“应用”来确认他们的选择,点击“取消”则可以放弃当前的选择,返回之前的界面。 5. **过滤和搜索**:在选项...

Global site tag (gtag.js) - Google Analytics