Autor Zpráva
xabiAlonso
Profil *
Dobry den,

budu mit 5 inputu ( type checkbox )

a potrebuji tuto akci.

Pokud si uzivatel zaskrtne treba 3 a potom 5 tak se mu ten treti odskrtne a zustane jen zaskrtly jen 5.


Nejak jsem to zkousel ale bohuzel ... JS neumim diky



<form name="test">
1 <input type="checkbox" id="1" value="1" onclick="Checkuj(this);"/> <br />
2 <input type="checkbox" id="2" value="2" onclick="Checkuj(this);" /> <br />
3 <input type="checkbox" id="3" value="3" onclick="Checkuj(this);"/> <br />
4 <input type="checkbox" id="4" value="4" onclick="Checkuj(this);"/> <br />
5 <input type="checkbox" id="5" value="5" onclick="Checkuj(this);"/> <br />

</form>


<script type="text/javascript">
function Checkuj(prvek) {

id_prvek = prvek;
var inputak = prvek;
var zaskrtnuto = false;

for (i = 1; i < 6; i++)
{
if (i == inputak.id && zaskrtnuto == false)
{
inputak.checked = true;
break;
}
}
}
</script>
MzM
Profil
tohle řeší radiobuttony..
Joker
Profil
Jsem si vzpomněl, jak jsem takovýhle skript kdysi doopravdy psal, když klient chtěl za každou cenu funkci přepínače, ale aby tam byly ty čtverečky a ne kolečka.
A ještě pikantnější bylo, že to byl přepínač za otázkou a přepínal mezi ANO - NE
Takže místo jednoduchého a logického použití jednoho zaškrtávátka anebo dvou přepínátek se holt použily dvě zaškrtávátka plus Javascript.

Ale to byla taková specifická situace, v normálním použití bych dal přepínátka (radiobutton)
MzM
Profil
<form name="test">
<div id="rbSimulator">
1 <input type="checkbox" id="a1" value="1" onclick="rbSim(this);"/> <br />
2 <input type="checkbox" id="b2" value="2" onclick="rbSim(this);" /> <br />
3 <input type="checkbox" id="bd3" value="3" onclick="rbSim(this);"/> <br />
4 <input type="checkbox" id="d4" value="4" onclick="rbSim(this);"/> <br />
5 <input type="checkbox" id="t5" value="5" onclick="rbSim(this);"/> <br />
</div>
</form>


<script type="text/javascript">

function rbSim(prvek) {

var toto_ne = prvek.id;
var skup = document.getElementById("rbSimulator");
skup = skup.childNodes;

var s = "";
for (var x in skup)
{
if (skup[x].id != null && skup[x].id != '' && skup[x].id != toto_ne) {
skup[x].checked = false;
}
}


}
</script>

nebo toto
Toto téma je uzamčeno. Odpověď nelze zaslat.

0