<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CB</title>
<script type="text/javascript" language="javascript">
function izbaci(){
var nl = document.createElement("P");
switch(x){
case 0:
var text = document.createTextNode("Tekst1");
nl.appendChild(text);
document.getElementById("#tekst").appendChild(nl);
break;
case 1:
var text = document.createTextNode("Tekst2");
nl.appendChild(text);
document.getElementById("#tekst").appendChild(nl);
break;
case 2:
var text = document.createTextNode("Tekst3");
nl.appendChild(text);
document.getElementById("#tekst").appendChild(nl);
break;
}
}
function brojac()
{
var elementri = document.getElementsByTagName("input"),
count = 0;
for (var i=0; i<elementri.length; i++) {
if (elementri[i].type === "checkbox" && elementri[i].checked === true)
{
count++;
document.getElementById(#broj).innerHTML = '<br>Broj je:' + count;
}
}
</script>
</head>
<body>
<input type="checkbox" name="fruit" onchange="brojac" onclick="izbaciti" id="cb[]"/>
cb[0]
<input type="checkbox" name="fruit" onchange="brojac" onclick="izbaciti" id="cb[]" />
cb[1]
<input type="checkbox" name="fruit" onchange="brojac" onclick="izbaciti" id="cb[]"/>
cb[2]
<div id="tekst"> </div>
<div id="broj"> </div>
</body>
</html>
Ovo mi kod koji sam naoisao u DW, imam dva provlema:
1. zasto druga funcija nece da mi radi? nece da izbacuje koliko je cekirano checkbox-a? treba da upise broj chekiranih chekbox-ova
document.getElementById(#broj).innerHTML = '<br>Broj je:' + count;
2. nece ni Switch da mi radi

var text = document.createTextNode("Tekst3");
<div id="tekst"> </div>
Unapred hvlala