selezionare solo due immagini e bloccare le altre

[activ]

ciao a tutti...

ho questo frammento di codice....

<div style='float:left; margin:4px;'>
[img]../foto/thumb/23230115626-vci.jpg[/img]
<input type='checkbox' name='foto' value='173' />
</div>
<div style='float:left; margin:4px;'>
[img]../foto/thumb/151133Immagine120001.jpg[/img]
<input type='checkbox' name='foto' value='158' />
</div>
<div style='float:left; margin:4px;'>
[img]../foto/thumb/151133Immagine120003.jpg[/img]
<input type='checkbox' name='foto' value='159' />
</div>
<div style='float:left; margin:4px;'>
[img]../foto/thumb/151133Immagine120005.jpg[/img]
<input type='checkbox' name='foto' value='160' />
</div>
<div style='float:left; margin:4px;'>
[img]../foto/thumb/151133Immagine120008.jpg[/img]
<input type='checkbox' name='foto' value='161' />
</div>

sono delle foto con sotto un checkbox che seleziona quella foto, io vorrei che l'utente posso checkare solo 2 foto, e appena le checka le altre checkbox diventano non attive, in modo che non ne possa selezionare altre (solo due).

come si potrebbe fare?

spero di essermi spiegato

vi ringrazio anticipatamente

[activ]

up

[br1]

function conta(obj) {
  var f = obj.form;
  var ct = 0;
  for (var i=0; i<f.elements.length; i++) {
    el = f.elements[i];
    if (el.type=="checkbox" && el.checked) {
      ct++;
    } 
  }
  if (ct>2) {
    alert("Solo due scelte!");
    obj.checked = false;
  }
}

...

<input type="checkbox" name="foto" value="xxx" onclick="conta(this)">

ciao