<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>
分享到:
相关推荐
在JavaScript编程中,实现全选和全不选功能是一项常见的需求,特别是在涉及到用户界面中包含多个复选框的场景。这个功能允许用户通过一个主复选框来控制其他所有复选框的状态。以下是一个详细的解释和示例代码,用于...
本话题主要关注如何使用jQuery来实现复选框的全选和全不选功能。在HTML页面中,复选框是一种常见的表单元素,用于让用户可以选择多个选项中的一个或多个。全选和全不选功能则为用户提供了一种便捷的方式来一次性选择...
在开发过程中,确保对各种场景进行充分的测试,包括全选、反选、部分选中以及在数据动态加载或更新后的情况。 综上所述,"checkbox实现全选和反选经典例子"是一个关于如何在Web应用中利用Checkbox控件提高用户交互...
首先,要实现全选和全不选的效果,我们需要了解HTML中的复选框和JavaScript的基础知识。在HTML中,复选框可以通过`<input type="checkbox">`标签来创建,而在JavaScript中,可以通过操作DOM(文档对象模型)来控制...
为了实现全选和全不选功能,我们需要添加额外的按钮和JavaScript代码。按钮可以是Bootstrap的`<button>`或`<input type="checkbox">`,并在点击时触发相应的事件处理函数。这里我们使用`<input type="checkbox">`...
可以设置`threeState`来决定是否支持三态复选(全选、部分选、全不选),以及`checkGroup`来分组复选框,使得同一组内的复选框只能有一个被选中。 4. **事件监听**:监听节点的`checkchange`事件,当用户改变复选框...
在IT界,尤其是在前端开发和用户界面设计中,"判断复选框的选择状态"是一个常见的需求,主要用于实现全选和全不选的功能。这个功能在各种列表或表格中广泛使用,比如在邮件客户端中选择多封邮件,或者在电商网站上...
本文所介绍的方法是基于jQuery实现的,通过脚本对checkbox进行操作,实现全选和全不选的控制。它的核心思想是通过操作DOM元素属性来达到控制复选框状态的目的。 #### 2. 全选方法的实现背景 在常规的全选实现中,...
下面我们将深入探讨与复选框相关的JavaScript函数以及如何实现全选和全不选的功能。 一、HTML中的复选框 在HTML中,复选框是通过`<input>`标签创建的,类型设置为"checkbox"。例如: ```html ``` 二、JavaScript...
`jquery_checkgroup.js`提供了丰富的配置参数,如`toggleButton`用于设置全选/反选按钮,`selectAllText`和`deselectAllText`分别定义全选和全不选的按钮文本,以及`allowIndeterminate`是否允许部分选中的状态。...
这个插件允许用户在一个下拉菜单中选择多个项,提供了丰富的自定义样式和功能,如渐进渐出效果、分组选择、全选和全取消等。 1. 渐进渐出效果:在用户点击下拉框时,菜单以动画形式出现或消失,增加了用户交互的...
2. **全选/全不选**:提供了全选和全不选的选项,方便用户快速操作。 3. **分组选项**:支持对下拉选项进行分组,使界面更清晰。 4. **搜索过滤**:用户可以在下拉框内搜索选项,快速定位需要的内容。 5. **事件监听...
本文将详细解析JSP中复选框的用法,包括如何获取复选框的值以及如何使用JavaScript来控制复选框的全选和全不选操作。 首先,JSP页面中的复选框通常是这样定义的: ```html 选项值"> ``` 其中,`name`属性表示这个复...
有时,还会提供全选和全不选的按钮以方便操作。 4. **确认和取消按钮**:用户可以通过点击“确定”或“应用”来确认他们的选择,点击“取消”则可以放弃当前的选择,返回之前的界面。 5. **过滤和搜索**:在选项...