8 svar · 212 visningar · startad av MoneyOpps.nu
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 !
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.
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 ratioknappar 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 .....
"ser ut":
Hur ser HTML-koden alternativt gränssnittet ut?
Posta formulärkoden alternativt en skärmdump.
MoneyOpps.nu: Jag jävlades bara med dig. Om du tog illa upp så ber jag om ursäkt. :bire
Ä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>
:)