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程序設計有所幫助。