Mi a hiba a kódba?
Egy weboldalról néztem le, ott tökéletesen működik, egybeírtam és nem akar működni:
<html>
<head>
<script>
$(document).ready(function() {
$('#blr').on('click', function(){
var $$ = $(this)
if( !$$.is('.checked')){
$$.addClass('checked');
$('#imgCheck').prop('checked', true);
} else {
$$.removeClass('checked');
$('#imgCheck').prop('checked', false);
}
})
});
</script>
</head>
<body>
<form id="form1">
<img src="https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/128/unchecked_checkbox.png" title="blr" id="blr" class="" />
<input type="checkbox" id="imgCheck" name="imgCheck" value="barney" />
<input type="submit" value="Submit" />
</form>
<body>
</html>
válasza:<script type="text/javascript" src="jquery.js"></script>
ezzel még nem működik...
válasza:most már működik...
csak az a gond hogy 2 kép esetén csak az egyiket jelöli ki, a másiknál már nem működik
válasza:Valószínűleg az, hogy a többi inputra és képre is ugyanazt az id-t használod és így mindig csak az első jön képbe. Nem is szabványos ugyanazt az id-t használni többször ugyanazon a dokumentumon. A jó megoldás ha osztály alapú a kattintás hívása, és a képeken van egy hivatkozás arra az inputra, amelyikre vonatkoznia kell.
Az előző példát kicsit átalakítottam, és javítottam, hogy több checkbox esetén is működjön.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!