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

<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);?>