DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved