Есть строка шириной 400px высотой 80px. В ней находится форма с элементом checkbox. Необходимо с помощью javascript сделать так, чтобы при нажатии на строку в любом месте или на самом чекбоксе происходило увеличение числа num на 1 с выводом на страницу. При повторном нажатии, наоборот - отнимание от num 1.
Ниже представляю код:
CSS:
.select{
border:1px dotted #bababa;
background:#d4ffca;
}
.select:hover{
color:#a45100;
cursor
ointer;
background:#c9ffb4;
}
javascript:
function On(){
if(document.getElementById('avt').checked==true){
document.getElementById('num').innerHTML++;
}else{
document.getElementById('num').innerHTML--;
}
}
HTML:
<form ACTION='step2.php' METHOD='POST' id='form'>
<p class='select' id='p_avt' onClick='On();'>
<span id='
num' class='num'>573</span>
<input type='checkbox' name='avt' id='avt' value='участник'><b>Участник</b>
</p>
</form>
Да, я знаю, я ламер :-)