<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>