Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JQuery] Zaznaczanie checkboxa klikając w li oraz checkboxa
KotWButach
post 1.10.2014, 13:59:00
Post #1





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


Witam proszę was o pomoc smile.gif

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

  1. <li><input type='checkbox...
  2. <li><input type='checkbox...


mam również kod js

  1. $('.connection').on('click', 'li', function () {
  2.  
  3. var i = $(this).find('input');
  4.  
  5. if (i.is(':checkbox') ) {
  6. i.prop("checked", !i.prop("checked"));
  7. }
  8.  
  9. });


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ć?
Go to the top of the page
+Quote Post
slash^
post 1.10.2014, 14:32:48
Post #2





Grupa: Zarejestrowani
Postów: 278
Pomógł: 36
Dołączył: 9.04.2003
Skąd: Płock

Ostrzeżenie: (0%)
-----


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

Kod:
  1. $("li >input").click(function(event){
  2. event.stopPropagation();
  3. });


--------------------
d(^^)b
Go to the top of the page
+Quote Post
trueblue
post 1.10.2014, 14:35:34
Post #3





Grupa: Zarejestrowani
Postów: 6 767
Pomógł: 1824
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Pokaż co masz dalej w <li>.


--------------------
Go to the top of the page
+Quote Post
KotWButach
post 1.10.2014, 14:36:02
Post #4





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


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


  1. <li>Table Name no.1 <input type="checkbox" name="col" value="Table Name no.1" /></li>
  2.  


Hehe przez przypadek trueblue zarobiłeś plusika biggrin.gif

Ten post edytował KotWButach 1.10.2014, 14:38:24
Go to the top of the page
+Quote Post
trueblue
post 1.10.2014, 14:39:24
Post #5





Grupa: Zarejestrowani
Postów: 6 767
Pomógł: 1824
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Proponuję bez JS:
  1. <li><label for="c1">Table Name no.1</label><input type="checkbox" name="col" value="Table Name no.1" id="c1" /></li>


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


--------------------
Go to the top of the page
+Quote Post
KotWButach
post 1.10.2014, 14:41:20
Post #6





Grupa: Zarejestrowani
Postów: 361
Pomógł: 10
Dołączył: 8.02.2012

Ostrzeżenie: (0%)
-----


Dzięki smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 6.06.2024 - 11:47