Krångliga jag

JavaScript

5 svar · 216 visningar · startad av Asa

Medlem sedan dec. 20011 860 inlägg
Trådstart#1

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?

Medlem sedan juni 20006 031 inlägg
#2

kan du inte använda type="checkbox" istället? sen ha samma namn på dom?

Medlem sedan dec. 20011 860 inlägg
#3

Går ej. Man kan klicka i flera..

Medlem sedan juni 20006 031 inlägg
#4

Ok, visste inte att det inte gick med checkbox. :) Nu har man lärt sig det!

Medlem sedan dec. 20011 860 inlägg
#5

Jag får då inte till det iallafall..

Medlem sedan sep. 20021 655 inlägg
#6

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>
274 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
146 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)