Javascript - Multi-checkbox Checker
-
Javascript - Multi-checkbox Checker
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Multi-Checkbox Checker</title>
<script language="javascript">
function getElement(e){
if(document.getElementById(e)){ var obj = document.getElementById(e);
}else if(document.getElementsByName(e)){ var obj = document.getElementsByName(e);
}else if(document.all){ var obj = document.all[e];
}else{ return false; }
return obj;
}
var checked = false;
function multi_check(form, me){
/// form = form id
/// me = toggler id (optional)
var form = elements = document.forms[form];
if(form == null || form == 'undefined'){ return false; }
elements = form.elements;
///->
var found = false;
var chk_box = new Array();
var unchk_box = new Array();
var chk_num = 0;
var unchk_num = 0;
///->
var me_found = false;
var its_me = '';
if(me != null && me != 'undefined'){ var find_me = true; }else{ var find_me = false; }
///->
for(var i = 0; i < elements.length; i++){
if(elements[i].type == 'checkbox' && elements[i].name != me){
found = true;
if(elements[i].checked){ chk_box[chk_num] = elements[i]; chk_num++;
}else{ unchk_box[unchk_num] = elements[i]; unchk_num++; }
}else if(elements[i].name == me && find_me){
if(elements[i].type == 'checkbox'){ its_me = elements[i]; me_found = true;
}else{ find_me = false; me_found = false; }
}
}
///->
if(!me_found){ if(getElement(me)){ me_found = true; its_me = getElement(me); } }
if(!found){ return false; }
if(unchk_num == 0){ checked = true; }
if(checked && find_me && me_found){ its_me.checked = false; }
///->
if(unchk_box.length && !checked){
for(var un = 0; un < unchk_box.length; un++){
unchk_box[un].checked = true;
}
checked = true;
}else{
for(var ch = 0; ch < chk_box.length; ch++){
if(checked){ chk_box[ch].checked = false; }
}
checked = false;
}
return false;
}
</script>
</head>
<body>
<form action="#" id="cc">
<a href="#" onclick="multi_check('cc'); return false;">Check/Uncheck All</a>
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
</form>
</body>
</html>
[ Geri ] - [ Ana Sayfa ] -
