zoukankan      html  css  js  c++  java
  • 多种方法实现checkbox全选、取消全选、删除功能

    看下面两种实现方法:


    JS checkbox 方法一:

     
     代码如下:

    function checkAll()
    {
    var code_Values = document.all['code_Value'];
    if(code_Values.length){
    for(var i=0;i<code_Values.length;i++)
    {
    code_Values[i].checked = true;
    }
    }else{
    code_Values.checked = true;
    }
    }
    function uncheckAll()
    {
    var code_Values = document.all['code_Value'];
    if(code_Values.length){
    for(var i=0;i<code_Values.length;i++)
    {
    code_Values[i].checked = false;
    }
    }else{
    code_Values.checked = false;
    }
    }
    function multipleDelete()
    {
    var num = 0;
    var code_Values = document.all['code_Value'];
    if(code_Values.length){
    for(var i=0;i<code_Values.length;i++)
    {
    if(code_Values[i].checked == true)
    {
    num ++;
    }
    }
    }else{
    if(code_Values.checked == true){
    num ++ ;
    }
    }
    if(num == 0){
    alert('Please select delete item');
    }
    if(num >0){
    document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
    document.BuCodeSearch.submit();
    }
    }
    </script>


    JS checkbox方法二:

     
    代码如下:

    function checkAll()
    {
    var code_Values = document.getElementsByTagName("input");
    for(i = 0;i < code_Values.length;i++){
    if(code_Values[i].type == "checkbox")
    {
    code_Values[i].checked = true;
    }
    }
    }
    function uncheckAll()
    {
    var code_Values = document.getElementsByTagName("input");
    for(i = 0;i < code_Values.length;i++){
    if(code_Values[i].type == "checkbox")
    {
    code_Values[i].checked = false;
    }
    }
    }
    function multipleDelete()
    {
    if (document.BuCodeSearch.elements["code_Value"])
    {
    var num = 0;
    var fm = document.BuCodeSearch;
    if (document.BuCodeSearch.elements["code_Value"])
    {
    var elm = document.BuCodeSearch.elements["code_Value"];
    var ename = "code_Value";
    if (elm.length) {
    var len = fm.elements[ename].length;
    for (var i = 0; i< len; i++) {
    var e = fm.elements[ename][i];
    if (e.checked == true){
    num++;
    }
    }
    } else {
    if (elm.checked == true ) {
    num++;
    }
    }
    if (num > 0 )
    {
    document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
    document.BuCodeSearch.submit();
    }
    }
    }
    }


    code_Value为checkbox表单的名称,BuCodeSearch为form名称

     
    代码如下:

    <td align="left" width="20"><input type="checkbox" name="code_Value" value="<%=userDefFieldValueBean.getUdfValue()%>"></td>
  • 相关阅读:
    linux文件系统初探--Day2(3)
    linux文件系统初探--Day2(2)
    linux文件系统初探--Day2(1)
    linux文件系统初探--Day1
    LKD-虚拟文件系统
    linux-nova 安装
    per-file DAX 工作日志(2)
    linux 内核设计与实现——进程管理
    关于用户与服务端密码的校验问题 !mysql php
    [Err] 1055
  • 原文地址:https://www.cnblogs.com/xiaoyunxiao/p/2431589.html
Copyright © 2011-2022 走看看