利用javascript操作html:multibox、html:checkbox两种复选框

最新推荐文章于 2020-12-10 23:13:17 发布

china_js_tz_zxj

最新推荐文章于 2020-12-10 23:13:17 发布

阅读量280

点赞数

分类专栏： JavaScript 文章标签： HTML JavaScript Bean Struts Web ViewUI

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@page contentType="text/html;charset=GBK"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
     <script type="text/javascript">
        function chooseAll() {
            var str ;
            var name ;
            //得到属性 property=choosePerson 这样的 struts 标签
            var allSelect = document.shareAddressBookForm.elements["choosePerson"];
			for (i = 0; i < document.shareAddressBookForm.elements.length; i++) {
	  			str = document.shareAddressBookForm.elements[i].type;
	  			name = document.shareAddressBookForm.elements[i].name;
	  			
	  			if(name.indexOf("realName") != -1) {
	  				if (allSelect.checked == true) {
						document.shareAddressBookForm.elements[i].checked = true;
	  				}else {
	  					document.shareAddressBookForm.elements[i].checked = false;
	  				}
	  			}
			} 
	    }
     </script>
</head>
<body>

 <html:form action="/addressBook/shareAddressBookAction2.do">
 	<table align="center" width="775" border="0" cellpadding="0" cellspacing="0">
 	
 	<tr>
 		<td bgcolor='yellow'><html:checkbox property="choosePerson" οnclick="chooseAll();" />全选/反选</td>
 	</tr>
 	
 	<tr style='BACKGROUND:#ffffff'>
 		<logic:notEmpty name="allUserList"> <!-- 判断是否为空 不为空就进行下面操作 -->
		    <logic:iterate id="bean" name="allUserList" scope="session"><!-- 从session中取出ArrayList 并遍历它 -->
				
					<td align='left' width="775">
						<!-- input type='checkbox' name='checkbox1' value='<bean:write name="bean" property="ID" />' /-->
						<!-- html:checkbox property="name" value="${bean.ID}"/ -->
						<html:multibox property="realName" value="${bean.ID}" />
						<bean:write name="bean" property="name"/>
			  </td>
			</logic:iterate>
		</logic:notEmpty>
	  </tr>
		<tr>
			<td colspan='2'>
				<html:submit value='共享' />
				<html:reset  value='重置' />
				<html:button property='button1' value='返回' οnclick="javascript:history.go(-1);"></html:button>
			</td>
		</tr>
   </table>
 </html:form>
 
</body>
</html>