javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > js全选实现和判断是否有复选框选中

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

作者:丨深水蓝丨

这篇文章主要介绍了js全选实现和判断是否有复选框选中的方法,涉及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程序设计有所帮助。

您可能感兴趣的文章:
阅读全文