用js实现了点击按扭或点击Checkbox完成多个Checkbox的选择
js 代码
- function clickButtonForSelectAllCheckBox(allCheckBox)
- {
- var boxs = document.getElementsByName(allCheckBox);
- var isAllSelected = true;
- for (i = 0; i < boxs.length; i++) {
- if (boxs[i].checked == false) {
- isAllSelected = false;
- }
- }
- for (i = 0; i < boxs.length; i++) {
- boxs[i].checked = !isAllSelected;
- }
- }
- function clickCheckBoxForSelectAllCheckBox(clickCheckBox, allCheckBox)
- {
- var box = document.getElementsByName(clickCheckBox)[0];
- var boxs = document.getElementsByName(allCheckBox);
- for (i = 0; i < boxs.length; i++) {
- boxs[i].checked = box.checked;
- }
- }
jsp页面的js
js 代码
- "javascript">
- function checkAllCheckBox()
- {
- var flag = false;
- var projects = document.getElementsByName("typeIds");
- for (i = 0; i < projects.length; i++) {
- if (projects[i].checked == true) {
- flag = true;
- }
- }
- if (flag == false) {
- alert("请选择要删除的项");
- }
- else {
- if (!confirm("确定要删除吗")) {
- flag = false;
- }
- }
- return flag;
- }
- <td class="td1">
- <input type="checkbox" name="selectAllCheckBox"
- onclick="return clickCheckBoxForSelectAllCheckBox('selectAllCheckBox', 'typeIds')"/>
- td>
- <logic:iterate id="contenttype" name="contentTypeBean"
- property="contentTypeList">
- <tr class="contenttr">
- <td class="td1">
- <html:checkbox property="typeIds" value="${contenttype.id}"/>
- td>
- tr>
- logic:iterate>
beanAction中的代码
java 代码
- public class ContentTypeBean
- extends AbstractBeanAction
- {
- private Long[] typeIds;
- .....
- public String deleteContentType() throws ContentTypeException, AttributeException
- {
- ActionMessages errors = new ActionMessages();
- for (int i = 0; i < typeIds.length; i++) {
- long typeId = typeIds[i];
- getContentTypeManager().removeContentType(typeId);
- }
- return SUCCESS;
- }
- }