我想实现这样的功能:当左侧的checkbox勾选后,同一行中右侧的checkbox全选,注意,是同一行的!不是同一行的不全选。
是这样的,我做了一个table,第一列(左侧)显示的是应用组的名称,第二列(右侧)显示的是子应用的名称,这些都是从数据库中取出来通过迭代器来实现的,代码如下:
求大神帮忙写一JS方法实现这个功能!!!(我自己代码中的这个js方法不对)
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../../../css/styles.css" />
<script type="text/javascript" src="../../../js/jquery.js"></script><title>Insert title here</title>
</head><script type="text/javascript">
function checkAll(obj,id){
var check = document.getElementsByName(id);
for(i=0; i<check.length; i++){
check[i].checked = obj.checked;
}
}</script>
<body>
<s:action name="findAppList" executeResult="false" var="list"/>
<div align="center">
<s:form action="setRoleApp" method="post" name="myForm" >
<s:hidden name="roleId"/>
<table class="tab_head" width="85%">
<tr>
<td>
<img src="../../../images/folder.png" />
所有应用权限
</td>
</tr>
</table>
<table class="tab_frm" width="85%">
<s:iterator value="#list.appGroupList" id="appGroupList" var="c">
<tr>
<td class="left">
<input type="checkbox" name="cdmAppGroup.appGroupId" id="appGroup" value="<s:property value="%{#c['appGroupId']}"/>" onclick="checkAll(this, 'appId')" >
<s:property value="%{#c['appGroupName']}"/>
<br/>
</td>
<td>
<s:iterator value="#list.appList" id="appList" var="k">
<s:if test="#k.cdmApplicationGroup.appGroupId == #c.appGroupId">
<input type="checkbox" name="appId" id="appIds" value="<s:property value="%{#k['appId']}"/>">
<s:property value="%{#k['appNameCh']}"/>
 
</s:if>
</s:iterator>
</td>
</tr>
</s:iterator>
<tr>
<td colspan="2">
<div align="center">
<s:submit value="确定" theme="simple" cssClass="btn_normal" />
</div>
</td>
</tr>
</table>
</s:form>
</div>
</body>
</html>
是这样的,我做了一个table,第一列(左侧)显示的是应用组的名称,第二列(右侧)显示的是子应用的名称,这些都是从数据库中取出来通过迭代器来实现的,代码如下:
求大神帮忙写一JS方法实现这个功能!!!(我自己代码中的这个js方法不对)
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../../../css/styles.css" />
<script type="text/javascript" src="../../../js/jquery.js"></script><title>Insert title here</title>
</head><script type="text/javascript">
function checkAll(obj,id){
var check = document.getElementsByName(id);
for(i=0; i<check.length; i++){
check[i].checked = obj.checked;
}
}</script>
<body>
<s:action name="findAppList" executeResult="false" var="list"/>
<div align="center">
<s:form action="setRoleApp" method="post" name="myForm" >
<s:hidden name="roleId"/>
<table class="tab_head" width="85%">
<tr>
<td>
<img src="../../../images/folder.png" />
所有应用权限
</td>
</tr>
</table>
<table class="tab_frm" width="85%">
<s:iterator value="#list.appGroupList" id="appGroupList" var="c">
<tr>
<td class="left">
<input type="checkbox" name="cdmAppGroup.appGroupId" id="appGroup" value="<s:property value="%{#c['appGroupId']}"/>" onclick="checkAll(this, 'appId')" >
<s:property value="%{#c['appGroupName']}"/>
<br/>
</td>
<td>
<s:iterator value="#list.appList" id="appList" var="k">
<s:if test="#k.cdmApplicationGroup.appGroupId == #c.appGroupId">
<input type="checkbox" name="appId" id="appIds" value="<s:property value="%{#k['appId']}"/>">
<s:property value="%{#k['appNameCh']}"/>
 
</s:if>
</s:iterator>
</td>
</tr>
</s:iterator>
<tr>
<td colspan="2">
<div align="center">
<s:submit value="确定" theme="simple" cssClass="btn_normal" />
</div>
</td>
</tr>
</table>
</s:form>
</div>
</body>
</html>
解决方案 »
- 关于strust2的ognl
- 请问在jsp中,如何实现执行完服务段代码后(如:删除,更新操作)弹出对话框提示啊?请高手赐教!
- 一个很奇怪的问题,jsp+linnux(ubantu)
- 请教考试系统,考生答案的存储问题
- hibernate 映射 oracle视图中字段有为空的值,查询数据时出现java.lang.NullPointerException异常是怎么回事 ?
- HTTP Status 404 - Servlet action is not available
- 访问webservice异常
- 如何在Servlet中向一个模态的浏览器窗口写入数据?求救!
- 在传递表单时如何判断表单中某个字段是否为空
- 请问,tomcat-maven-plugin插件中运行的tomcat和本地tomcat有关系吗?
- 关于web应用现场快速更新
- JSP标签问题
其他的在做选择的时候,id值只有同一行的相同,自然不会勾选其他的复选框了。
$("#allMenuCheckedBtn").click(function()
{
for (i=0; i<=99; i=i+1)
{
var a='menuItemCheckListDiv input:checkbox.chk';
a+=i;
$('#'+a).each(function()
{
$(this).attr('checked', true);
});
}
});