5 svar · 213 visningar · startad av Asa
Jo, de tär så att jag skulle vilja ha ett forumulär där jag har ex 5 val och det ska funka som om man har Input type="radio" men jag vill ha fyrkantiga rutor istället. Alltså! Man ska bara kunna välja ett av de olika valen.. Hur göra?
kan du inte använda type="checkbox" istället? sen ha samma namn på dom?
Går ej. Man kan klicka i flera..
Ok, visste inte att det inte gick med checkbox. :) Nu har man lärt sig det!
Jag får då inte till det iallafall..
Var väldigt försiktig med att ändra något sådant.
Det är på något sätt underförstått att vad det gäller radioknappar kan man bara välja en per grupp, men checkrutor har inga sådana begränsningar.
Att gå emot vad som känns naturligt bara för att det inte riktigt passar in i ens design är inget tillräckligt motiv, anser jag.
Men visst kan man leka med JavaScript:
<script type="text/javascript">
function markera(theCheckbox){
var checkboxes = document.getElementsByName(theCheckbox.name);
for(var i=0; i<checkboxes.length; i++)
if(checkboxes[i]!=theCheckbox)
checkboxes[i].checked = false;
}
</script>
...
<form>
<input type="checkbox" name="grupp1" value="1" onclick="markera(this)" /><br />
<input type="checkbox" name="grupp1" value="2" onclick="markera(this)" /><br />
<input type="checkbox" name="grupp1" value="3" onclick="markera(this)" /><br />
<input type="checkbox" name="grupp1" value="4" onclick="markera(this)" /><br />
<input type="checkbox" name="grupp1" value="5" onclick="markera(this)" /><br />
<br />
<input type="checkbox" name="grupp2" value="1" onclick="markera(this)" /><br />
<input type="checkbox" name="grupp2" value="2" onclick="markera(this)" /><br />
<input type="checkbox" name="grupp2" value="3" onclick="markera(this)" /><br />
</form>