代码驿站移动版

当前位置：主页 > 网页前端 > JavaScript代码 >

js全选实现和判断是否有复选框选中的方法

时间：2021-09-09 09:51:35 | 栏目：JavaScript代码 | 点击：次

本文实例讲述了js全选实现和判断是否有复选框选中的方法。分享给大家供大家参考。具体实现方法如下：

复制代码 代码如下:
function actionEvent(methodname){ 
        var form = document.forms[0]; 
        if(validateIsSelect(form.all, form.productids)){ 
            form.action='<html:rewrite action="/control/product/manage"/>'; 
            form.submit(); 
        }else{ 
            alert("请选择要操作的记录"); 
        } 
} 

function allselect(allobj,items){ 
        var state = allobj.checked; 
        if(items.length){ 
            for(var i=0;i<items.length;i++){ 
                if(!items[i].disabled) items[i].checked=state; 
            } 
        }else{ 
            if(!items[i].disabled) items.checked=state; 
        } 
} 
/*
* 判断是否选择了记录
*/ 
function validateIsSelect(allobj,items){ 
        var state = allobj.checked; 
        if(items.length){ 
            for(var i=0;i<items.length;i++){ 
                if(items[i].checked) return true; 
            } 
        }else{ 
            if(items.checked) return true; 
        } 
        return false; 
}

复制代码 代码如下:
<INPUT TYPE="checkbox" NAME="all"  onclick="javascript:allselect(this, this.form.productids)">全选</td>

复制代码 代码如下:
<input name="visible" type="button" class="frm_btn" onClick="javascript:actionEvent('visible')" value=" 操作 ">

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

相关文章