Чекнат бокс да извършва функция на бутон

Код:
<style type="text/css"> 
.bgrw{background-color:#FFFFFF;} 
.bgrz2{background-color:#DFFCED;} 


.lineBsz{border-bottom:#B8ECD0 1px solid;} 
</style> 


<script language="javascript"> 

var checkflag = "false"; 

function ch_all(field) { 
   if (checkflag == "false") { 
    
     if(field.length == undefined){ 
      document.getElementById(0).className='bgrz2'; 
    } 
    
      for (i = 0; i < field.length; i++) { 
         field[i].checked = true; 
         document.getElementById(i).className='bgrz2'; 
      } 
   document.form.all_mid_1.checked = true; 
   form.mid.checked = true; 
   document.form.all_mid_2.checked = true; 
   checkflag = "true"; 
   } else { 
    
     if(field.length == undefined){ 
      document.getElementById(0).className='bgrw'; 
    } 
    
      for (i = 0; i < field.length; i++) { 
         field[i].checked = false; 
         document.getElementById(i).className='bgrw'; 
      } 
   document.form.all_mid_1.checked = false; 
   form.mid.checked = false; 
   document.form.all_mid_2.checked = false; 
   checkflag = "false"; 
   } 
} 

function chSt(val){ 
  if(document.form.mid[val] == undefined){ 
    if(val == "0"){ 
      if(form.mid.checked == true){ 
        document.getElementById(0).className='bgrz2'; 
      } 
      if(form.mid.checked == false){ 
        document.getElementById(0).className='bgrw'; 
      }  
    } 
  } else { 
     if(document.form.mid[val].checked == true){ 
        document.getElementById(val).className='bgrz2'; 
     } 
     if(document.form.mid[val].checked == false){ 
        document.getElementById(val).className='bgrw'; 
     } 
  } 
} 

</script>    


<form method="post" name="form" action=""> 
<input name="all_mid_1" type="hidden">
<table cellspacing="0" cellpadding="0"> 
 <tr id="0" class="bgrw"> 
  <td class="lineBsz"><input name="mid" type="checkbox" value="1" onClick="chSt(0)"></td> 
  <td class="lineBsz" colspan="2" nowrap="true" id="noselect"> bla bla</td> 
  <td class="lineBsz" nowrap="true" colspan="2" id="noselect"> - 02.12.07 09:24</td> 
 </tr> 
 <tr id="1" class="bgrw"> 
  <td class="lineBsz"><input name="mid" type="checkbox" value="2" onClick="chSt(1)"></td> 
  <td class="lineBsz" colspan="2" nowrap="true" id="noselect"> bla bla</td> 
  <td class="lineBsz" nowrap="true" colspan="2" id="noselect"> - 02.12.07 09:24</td> 
 </tr> 
 <tr id="2" class="bgrw"> 
  <td class="lineBsz"><input name="mid" type="checkbox" value="3" onClick="chSt(2)"></td> 
  <td class="lineBsz" colspan="2" nowrap="true" id="noselect"> bla bla</td> 
  <td class="lineBsz" nowrap="true" colspan="2" id="noselect"> - 02.12.07 09:24</td> 
 </tr> 
</table> 
<input type="button" name="all_mid_2" onClick="this.value=ch_all(this.form.mid); value='маркирай всички';" value="маркирай всички"> 
</form>

Така ако те устройва .. взето от ABV :twisted:

Не пропускай да видиш и...
http://www.plus2net.com/javascript_tutorial/checkbox-checkall.php

Последния пример най-радва! :?:

Код:
Here is the code for head part of the script 

<SCRIPT LANGUAGE="JavaScript">

</script>

Here is the code for body part . 

<form name="myform" action="checkboxes.asp" method="post">
<b>Scripts for Web design and programming</b><br>
<input type="checkbox" name="check_list" value="1">ASP<br>
<input type="checkbox" name="check_list" value="2">PHP<br>
<input type="checkbox" name="check_list" value="3">JavaScript<br>
<input type="checkbox" name="check_list" value="4">HTML<br>
<input type="checkbox" name="check_list" value="5">MySQL<br>

<input type="checkbox" name="Check_ctr" value="yes"
onClick="Check(document.myform.check_list)"><b>Check Control</b> 

</form>
 
при мен, чековете съм го направил да се умножават според резултатите... т.е. ако в търсенето напише някои "АСД" ще му излезе примерно 20 резултата и те ще имат чекбокс... разбираш ли от един чек бокс те приемат
 

Back
Горе