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

编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了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程序设计有所帮助。

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板