Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [inne][JavaScript]Operacja skryptu na checkbox-ach o różnych atrybutach "name".
Szunaj85
post
Post #1





Grupa: Zarejestrowani
Postów: 392
Pomógł: 7
Dołączył: 11.05.2008

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


Mam tu skrypt, który pozwala zaznaczyć tylko 1 checkbox spośród kilku.
  1. <input type="checkbox" name="ballet" />
  2. <input type="checkbox" name="ballet" />
  3. <input type="checkbox" name="ballet" />

  1. $(':checkbox').on('change',function(){
  2. var th = $(this), name = th.prop('name');
  3. if(th.is(':checked')){
  4. $(':checkbox[name="' + name + '"]').not($(this)).prop('checked',false);
  5. }
  6. });
Problem w tym, że aby prawidłowo działać wszystkie checkbox-y muszą mieć taki sam atrybut "name", przynajmniej w tej postaci skryptu.
Czy da się coś zrobić, aby każdy atrybut "name" miał inną końcówkę np. w grupie 1: _1 _2 _3 a w grupie drugiej: _4 _5 _6, a jednocześnie żeby skrypt działał prawidłowo?
  1. <input type="checkbox" name="ballet_1" />
  2. <input type="checkbox" name="ballet_2" />
  3. <input type="checkbox" name="ballet_3" />


Ten post edytował Szunaj85 12.12.2013, 15:57:16
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Szunaj85
post
Post #2





Grupa: Zarejestrowani
Postów: 392
Pomógł: 7
Dołączył: 11.05.2008

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


Starałem zastosować się do Twoich wskazówek, ale skrypt dalej nie działa. Już nie wiem co mogę jeszcze zrobić.
Bardzo proszę o pomoc!
Cytat
Zmień też w 2 linijce prop na attr
A czy w 4 linijce nie powiniennem zrobić tego samego? (próbowałem, ale też bez skutku)
Obecnie wygląda to tak:

  1. $(':checkbox').on('change',function(){
  2. var th = $(this), data-group = th.attr('data-group');
  3. if(th.is(':checked')){
  4. $(':checkbox[data-group="' + data-group + '"]').not($(this)).prop('checked',false);
  5. }
  6. });

  1. <input type="checkbox" name="ballet_1" data-group="ballet"/>
  2. <input type="checkbox" name="ballet_2" data-group="ballet"/>
  3. <input type="checkbox" name="ballet_3" data-group="ballet"/>


Ten post edytował Szunaj85 13.12.2013, 11:50:16
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 15.10.2025 - 18:53