сейчас можно выбрать несколько элементов, а мне необходимо только один...
function flag(e, hf){
var HF = document.getElementById(hf);
if(e.innerHTML == '<div class="tovar_flag"></div>'){ e.innerHTML = '<div class="tovar_flag_select"></div>'; HF.value = 1; }
else{ e.innerHTML = '<div class="tovar_flag"></div>'; HF.value = 0; }
<HEAD><title></title>
<script type="text/javascript">
function flag(e, hf){
var HF = document.getElementById(hf);
if(e.innerHTML == '<div class="tovar_flag"></div>'){ e.innerHTML = '<div class="tovar_flag_select"></div>'; HF.value = 1; }
else{ e.innerHTML = '<div class="tovar_flag"></div>'; HF.value = 0; }
//alert(hf+" "+HF.value);
}
</script>
<style>
.tovar_flag, tovar_flag_select {
display:block;
width:50px;
height:30px;
margin:10px;
float:left;
}
.tovar_flag {
background:#3CF;
display:block;
width:50px;
height:30px;
margin:10px;
float:left;
}
.tovar_flag_select {
background:#3CF;
display:block;
width:50px;
height:30px;
margin:10px;
padding:10px;
margin-top:-1px;
float:left;
}
</style>
</HEAD><BODY>
<form action='2.php' method='POST'>
<a href='#' name='flag1' onclick="flag(this, 'hidden_flag1')"><div class="tovar_flag"></div></a>
<input type='hidden' name='hidden_flag1' id='hidden_flag1' value=0></td>
<a href='#' name='flag2' onclick="flag(this, 'hidden_flag2')"><div class="tovar_flag"></div></a>
<input type='hidden' name='hidden_flag2' id='hidden_flag2' value=0></td>
<a href='#' name='flag3' onclick="flag(this, 'hidden_flag3')"><div class="tovar_flag"></div></a>
<input type='hidden' name='hidden_flag3' id='hidden_flag3' value=0></td>
<br><br><input type='submit' value='OK'>
</form>
</BODY></HTML>
<?php print_r($_POST);?>