Trådstart 18 jan. 2003 16:21 #1 Hur gör jag om jag har ett forumlär med 25 st ratioknappar, men man ska max kunna välja 5 stycken av dessa ?
Alltså, när man har valt 5 stycken och väljer en till så ska den första man valde plockas bort. Eller så ska de återstående 20 bli "gråade" när man har valt 5 stycken.
Hjälp !
Tack !
OlleBoop Medlem sedan feb. 2000 1 861 inlägg För det första kan bara en radioknapp vara vald så du får använda checkboxar i stället.
Sen måste du använda javascript för att kolla hur många som är valda.
P Peter S Medlem sedan dec. 2002 5 483 inlägg
För det första kan bara en radioknapp vara vald
Fel. Det beror på vad du ger dem för värde i "name"-attributet.
Förresten, var det inte rat ioknappar det var fråga om?
Peter, jo visst jag skrev fel. Det ska var Radioknappar, och eftersom du skrev som du gjorde så antar jag att du vet hur man gör !
En lösning då tack .....
Det består som sagt av ett antal val, men jag vill bara kunna välja X stycken.
Vadå ser ut ??
S sabbacus Medlem sedan juli 2002 630 inlägg "ser ut":
Hur ser HTML-koden alternativt gränssnittet ut?
Posta formulärkoden alternativt en skärmdump.
P Peter S Medlem sedan dec. 2002 5 483 inlägg MoneyOpps.nu : Jag jävlades bara med dig. Om du tog illa upp så ber jag om ursäkt.
Är det så här du vill ha det:
<html>
<head>
<script type="text/javascript">
<!--
var selected = [];
var first = null;
function checkSelected(o){
selected.push(o);
if(! first) first = selected[0];
if(selected.length > 5){
first.checked = false;
selected.shift();
first = null;
}
};
//-->
</script>
</head>
<body>
<form name="foo">
<p>Välj maximalt fem alternativ nedan:</p>
<div>
<input type="radio" name="foo0" onclick="checkSelected(this)">
<input type="radio" name="foo1" onclick="checkSelected(this)">
<input type="radio" name="foo2" onclick="checkSelected(this)">
<input type="radio" name="foo3" onclick="checkSelected(this)">
<input type="radio" name="foo4" onclick="checkSelected(this)">
<input type="radio" name="foo5" onclick="checkSelected(this)">
<input type="radio" name="foo6" onclick="checkSelected(this)">
<input type="radio" name="foo7" onclick="checkSelected(this)">
<input type="radio" name="foo8" onclick="checkSelected(this)">
<input type="radio" name="foo9" onclick="checkSelected(this)">
<input type="radio" name="foo10" onclick="checkSelected(this)">
<input type="radio" name="foo11" onclick="checkSelected(this)">
<input type="radio" name="foo12" onclick="checkSelected(this)">
<input type="radio" name="foo13" onclick="checkSelected(this)">
<input type="radio" name="foo14" onclick="checkSelected(this)">
<input type="radio" name="foo15" onclick="checkSelected(this)">
<input type="radio" name="foo16" onclick="checkSelected(this)">
<input type="radio" name="foo17" onclick="checkSelected(this)">
<input type="radio" name="foo18" onclick="checkSelected(this)">
<input type="radio" name="foo19" onclick="checkSelected(this)">
<input type="radio" name="foo20" onclick="checkSelected(this)">
<input type="radio" name="foo21" onclick="checkSelected(this)">
<input type="radio" name="foo22" onclick="checkSelected(this)">
<input type="radio" name="foo23" onclick="checkSelected(this)">
<input type="radio" name="foo24" onclick="checkSelected(this)">
</div>
</form>
</body>
</html>