hjälp med formulär

Har ett formulär med ett antal fält i. Behöver hjälp med javascript för att lösa detta. Kan ej mycket med javascript.

Det jag behöver hjälp med är att man skall kunna välja tex 5 olika bilder, men om man trycker i en checkbox skall ytterligare 10 bilder visas.
Här skall man kunna tryck ytterligare en gång i en checkbox för att visa alla bilder som ännu inte har visats.

Hur går jag till väga? Går det?

Hur väljs dessa fem bilder? Kan du visa den formulärkod du använder?

:)

Koden som finns nu är av vanlig standarn där man kan välja 5 bilder med hjälp av radioknappar.
Tanken är att det skall finnas ca 30 iconen att välja emellan. Men med hjälp av checkbox eller radioknapp skall ytterligare iconer visas. har sett något liknade på nån sida som jag inte hittar igen.

något liknade som detta fast inte "select" utan "radioknapp"

<script language="JavaScript" type="text/javascript">
function changeStyle(Id,Property,Value){
if (document.all){
eval('document.all[Id].style.'+Property+'="'+Value+'"');
} else if (document.layers){
eval('document.layers[Id].'+Property+'="'+Value+'"');
} else if (document.getElementById){
eval('document.getElementById(Id).style.'+Property+'="'+Value+'"');
}
}
</script>

<form>
Visa/dölj : <input type="checkbox" name="bar" onClick="(this.checked)? changeStyle('foo','display','inline'):changeStyle('foo','display','none');">
<br>

<select name="foo" style="display:none;"><option>a<option>b</select>
</form>

<script type="text/javascript">
<!--

function expand(){
	var e=document.all?document.all["e"]:document.getElementById?document.getElementById("e"):null;
	if(e)
		e.style.visibility=(e.style.visibility==""||e.style.visibility=="hidden")?"visible":"hidden";
};

//-->
</script>

...

<form>
	<fieldset>
	<legend>Max fem bilder</legend>
	<div>
		<input type="radio" name="i1">
		<input type="radio" name="i2">
		<input type="radio" name="i3">
		<input type="radio" name="i4">
		<input type="radio" name="i5">
	</div>
	<div>
		<input type="radio" name="i6">
		<input type="radio" name="i7">
		<input type="radio" name="i8">
		<input type="radio" name="i9">
		<input type="radio" name="i10">
	</div>
	<div id="e" style="visibility:hidden">
		<input type="radio" name="i11">
		<input type="radio" name="i12">
		<input type="radio" name="i13">
		<input type="radio" name="i14">
		<input type="radio" name="i15">	
	</div>
	</fieldset>
	<div><a href="javascript:void expand()">Ytterligare alternativ</a></div>
</form>

Kanske? Tänk på att det inte skall vara något mellanrum i ordet "javascript" i länken.

:)

tack!
du är en ängel :-)