xreciaeMedlem sedan jan. 20082 inlägg Tjena.
Jag blev nyligen medlem på detta forumet, eftersom jag har kodat javascript ett tag och kände att jag behöver lite hjälp då och då med script.
just nu håller jag på med att försöka göra ett script som innehåller ett formulär med checkboxar, som ska kontrolleras vilka som är ikryssade, och beroende på vilka som är ikryssade ska de skriva ut symboler. Det är lite svårt att förklara, men i stort sett vill jag att om man har kryssat i rutan bredvid qwe och abc så ska det skrivas ut qweabc på sidan. mitt eget försök som jag direkt insåg att det inte skulle funka ser ut så här:
Jag har lite kommentarer här och var så ni förstår vad jag vill använda de olika delarna till.
om någon kunde piffa till detta lite så det fungerar och ser lite finare ut, eller bara tipsa mig om hur man ska göra det så skulle jag vara oerhört tacksam
<html>
<head>
<title>Fisk</title>
<script language="javascript" type="text/javascript">
<!---
function function()
{
//variabler som kan skrivas ut
var symbol1="qwe";
var symbol2="asd";
var symbol3="zxc";
//variabel som skall skrivas ut
var symboler="";
//räknare som går igenom checkboxarna
var counter="0";
for (counter < 3)
{
counter++;
if (document.formular.cb" + counter + ".checked)
{
symboler + symbol" + counter + ";
}
}
document.type(" + symboler + ");
}
//-->
</script>
</head>
<body>
Skriv ut:
<form method="post" onSubmit="javascript:function()" name="formular">
<input type="checkbox" name="cb1">qwe<br>
<input type="checkbox" name="cb2">asd<br>
<input type="checkbox" name="cb3">zxc<br>
<input type="submit" name="submit" value="skriv">
</form>
</body>
</html>
Peter SMedlem sedan dec. 20025 483 inlägg Välkommen till wF!
<html>
<head>
<title>Fisk</title>
<script language="javascript" type="text/javascript">
<!---
function f()
{
//variabler som kan skrivas ut
var symbol1="qwe";
var symbol2="asd";
var symbol3="zxc";
//variabel som skall skrivas ut
var symboler="";
//räknare som går igenom checkboxarna
var counter=0;
while (counter < 3)
{
counter++;
if (document.formular.elements["cb" + counter].checked)
{
symboler += eval("symbol" + counter);
}
}
document.getElementById("result").innerHTML = symboler;
}
//-->
</script>
</head>
<body>
Skriv ut:
<form method="post" name="formular">
<input type="checkbox" name="cb1">qwe<br>
<input type="checkbox" name="cb2">asd<br>
<input type="checkbox" name="cb3">zxc<br>
<input type="button" name="submit" value="skriv" onclick="f()">
</form>
<div id="result"></div>
</body>
</html>
Gjorde lite annolunda än Peter S vet inte hur bra det fungera dock:
<html>
<head>
<title>Fisk</title>
<script language="javascript" type="text/javascript">
<!--
function checkForm() {
//variabel som skall skrivas ut
var symboler="";
// Hämta ut alla input och loopar ut dom, spara ner värdet från
// de input som är av typen checkbox och som är ikryssade...
var checkboxers = document.getElementById("formular").getElementsByTagName("input");
for(var i=0;i<checkboxers.length;i++){
if(checkboxers[i].type == "checkbox" && checkboxers[i].checked){
symboler = symboler + checkboxers[i].value;
}
}
document.getElementById("checkvalue").innerHTML = symboler;
// får bara error på raden nedan
//document.type(symboler);
}
-->
</script>
</head>
<body>
Skriv ut:
<form method="post" name="formular" id="formular">
<input type="checkbox" name="cb1" value="qwe">qwe<br>
<input type="checkbox" name="cb2" value="asd">asd<br>
<input type="checkbox" name="cb3" value="zxc">zxc<br>
<input type="button" name="submit" value="skriv" onclick="checkForm()">
<div id="checkvalue"></div>
</form>
</body>
</html>
jag flyttade ner värderna i "value="" i varje checkbox istället (vet inte om detta är OK). En liten fråga: varför har du 3 olika namn på checkboxarna. kommer dom inte att arbeta ihop. Du kan kanske få någon idé på: http://www.shiningstar.net/articles/articles/javascript/checkboxes.asp?ID=AW
xreciaeMedlem sedan jan. 20082 inlägg tack för svaren, och som svar på frågan om varför de inte har samma namn, är helt enkelt för att jag kortfattat är kass på att koda och därmed visste jag inte hur man skulle kunna få fram informationen om de hade samma namn. Det övre alternativet fungerar bra till det jag ska använda det till,främst för att jag vill ha det i variablerna istället för value, så tack så mycket för den kodbiten
