js实现多个Checkbox的选择

用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>

xml 代码

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;
    }

}

分享到：

EJB的一些基本概念 | JavaScript实现文本框不能全部为空

• 2007-01-22 17:31
• 浏览 2145
• 评论(0)
• 查看更多