webForumDet fria alternativet

Antal ibockade kryss (checkbox)??

HTML & CSSur HTML, XHTML & CSS

22 svar · 693 visningar · startad av soggy · sida 2 av 2

Frågan, av soggy

Hallå alla! Jag har ett problem som säkert är enkelt att lösa men jag är ingen klippa på det här. Jag ska försöka förklara hur jag har tänkt det. Man kan säga att det är som en frågeformulär, där det finns 2 två stycken checkbox (det verkar inte funka med radioknappar eftersom det är flera rader än en). En checkbox för Ja och en för Nej. Längst ner på sidan skulle jag vilja kunna se resultatet på

Läs frågan i sin helhet →
Medlem sedan juni 20031 837 inlägg
#21

Valen kommer inte att sparas som det är nu.

För att spara värdena behöver du antingen göra det via cookie eller någon sorts databas eller textfiler på serversidan.

jag personligen har inte använt cookie i javascript så mycket att jag kan hjälpa dig med den biten. du får söka i javascript forumet

här kommer en ny version där summeringen kommer i två input-boxar under alla radio-knappar.

<html>

<head>
<title>Fågel</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function fn_count()
{
	var iCountYes = 0;
	var iCountNo = 0;

	for(i=1; i<=5; i++)
	{
		id = 'Ja' + i;
		objYes = document.getElementById(id);
		if(objYes != null)
		{
			if(objYes.checked == true)
			{
				iCountYes++;
			}
			else
			{
				iCountNo++;
			}
		}
		else
		{
			alert("kunde inte hitta " + id);
		}
	}

	objSumYes = document.getElementById('sumYes');
	if(objSumYes != null)
	{
		objSumYes.value = iCountYes;
	}

	objSumNo = document.getElementById('sumNo');
	if(objSumNo != null)
	{
		objSumNo.value = iCountNo;
	}
}
</SCRIPT>

</head>
<body>

<form>
<table border="0" width="300">
<tr>
<td colspan="2"><u><b><font face="Verdana" size="2">Fågelart</font></b></u> </td>
<td colspan="2" width="55">
<p align="left"><u><b><font face="Verdana" size="2">Kryssad</font></b></u></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
<td width="25"><font face="Verdana" size="2">Ja</font></td>
<td width="25"><font face="Verdana" size="2">Nej</font></td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="25">&nbsp;</td>
<td width="25">&nbsp;</td>
</tr>
</table>
<table border="0" width="300">
<tr>
<td width="35">
<font face="Verdana" size="2">1</font></td>
<td>
<font face="Verdana" size="2">Aftonfalk</font></td>
<td width="25"><font face="Verdana">
<input type=radio name="Bird1" value="Ja" id="Ja1"></font></td>
<td width="25"><font face="Verdana">
<input type=radio name="Bird1" value="Nej" id="Nej1"> </font></td>
</tr>

<tr>
<td width="35">
<font size="2" face="Verdana">2</font></td>
<td>
<font face="Verdana" size="2">Aftonfalk</font></td>
<td width="25"><font face="Verdana">
<input type=radio name="Bird2" value="Ja2" id="Ja2"></font></td>
<td width="25"><font face="Verdana">
<input type=radio name="Bird2" value="Nej2" id="Nej2"> </font></td>
</tr>
<tr>
<td width="35">
<font face="Verdana" size="2">3</font></td>
<td>
<font face="Verdana" size="2">Aftonfalk</font></td>
<td width="25"><font face="Verdana">
<input type=radio name="Bird3" value="Ja3" id="Ja3"></font></td>
<td width="25"><font face="Verdana">
<input type=radio name="Bird3" value="Nej3" id="Nej3"> </font></td>
</tr>

<tr>
<td width="35"><font size="2" face="Verdana">4</font></td>
<td><font face="Verdana" size="2">Aftonfalk</font></td>
<td width="25"><font face="Verdana"><input type=radio name="Bird4" value="Ja4" id="Ja4"></font></td>
<td width="25"><font face="Verdana"><input type=radio name="Bird4" value="Nej4" id="Nej4"> </font></td>
</tr>

<tr>
<td width="35">
<font face="Verdana" size="2">5</font></td>
<td>
<font face="Verdana" size="2">Aftonfalk</font></td>
<td width="25"><font face="Verdana">
<input type=radio name="Bird5" value="Ja5" id="Ja5"></font></td>
<td width="25"><font face="Verdana">
<input type=radio name="Bird5" value="Nej5" id="Nej5"> </font></td>
</tr>

<tr>
<td>&nbsp;</td>
<td align="right">Summering</td>
<td><input type="text" size="3" id="sumYes"></td>
<td><input type="text" size="3" id="sumNo"></td>
</tr>

</table>
<br>
<br>
<input type="button" value="Summa" onClick="fn_count();">

</p>

</form>
</body>
</html>
Medlem sedan nov. 200617 inlägg
#22

Det funkar klockrent!!!! Stort tack för all hjälp!

Nu blir nästa steg att försöka göra så att valen blir sparade på sidan så att man inte behöver bocka i alla varje gång. Tack för tipset med Javascipts forumet :)

Medlem sedan juni 20031 837 inlägg
#23

du finner kanske lite hjälp här http://www.webforum.nu/showthread.php?t=37492

126 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)