[JQuery] Zaznaczanie checkboxa klikając w li oraz checkboxa Opcje

[KotWButach]

Witam proszę was o pomoc (IMG:style_emoticons/default/smile.gif)

Mam listę "li" oraz w niej na każdą linię mam checkboxa

[PHP] pobierz, plaintext 
<li><input type='checkbox...
<li><input type='checkbox...
[PHP] pobierz, plaintext 

mam również kod js

[PHP] pobierz, plaintext 
$('.connection').on('click', 'li', function () {
 
                    var i = $(this).find('input');
 
                    if (i.is(':checkbox') ) {
                        i.prop("checked", !i.prop("checked"));
                    } 
 
});
[PHP] pobierz, plaintext 

Problem w tym że ten kod blokuje mi kliknięcie w samego checkboxa mogę zaznaczać poprzez kliknięcie w li ale nie mogę poprzez kliknięcie w checkboxa by temu zaradzić musze pisać dodatkowy kod obsługujący kliknięcie w chackboxa czy można temu jakoś zaradzić i nie nadpisywać czegoś co powinno działać?

[slash^]

Musisz dodac dla wewnetrznego elementu http://api.jquery.com/event.stoppropagation/

Kod:

[HTML] pobierz, plaintext 
$("li >input").click(function(event){
    event.stopPropagation();
});  
[HTML] pobierz, plaintext 

[trueblue]

Pokaż co masz dalej w <li>.

[KotWButach]

czyli jednak (IMG:style_emoticons/default/sad.gif) no trudno dziękuje za pomoc (IMG:style_emoticons/default/smile.gif) i tak podałeś sposób szybszy niż ja robiłem (IMG:style_emoticons/default/smile.gif) Dzięki
W li dokładnie jest tylko to

[PHP] pobierz, plaintext 
<li>Table Name no.1 <input type="checkbox" name="col" value="Table Name no.1" /></li>
 
[PHP] pobierz, plaintext 

Hehe przez przypadek trueblue zarobiłeś plusika (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował KotWButach 1.10.2014, 14:38:24

[trueblue]

Proponuję bez JS:

[HTML] pobierz, plaintext 
<li><label for="c1">Table Name no.1</label><input type="checkbox" name="col" value="Table Name no.1" id="c1" /></li>
[HTML] pobierz, plaintext 

Ten post edytował trueblue 1.10.2014, 14:39:33

[KotWButach]

Dzięki (IMG:style_emoticons/default/smile.gif)