Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Radio buttony - wylaczanie pozostalych po kliknieciu na jeden z nich
swiezak
post
Post #1





Grupa: Zarejestrowani
Postów: 159
Pomógł: 0
Dołączył: 21.08.2011

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


Mam taki oto formularz:
  1. <form id="jsForm" action="" method="post">
  2. <div class="panel-group" id="accordion">
  3. <div class="panel panel-primary">
  4. <div class="panel-heading">
  5. <h4 class="panel-title">
  6. <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
  7. <i class="fa fa-caret-right"></i> {% trans %}Odbiór osobisty{% endtrans %}</a>
  8. </h4>
  9. </div>
  10. <div id="collapse1" class="panel-collapse collapse in">
  11. <div class="panel-body">
  12. <div class="form-group">
  13. <input class="radio_btn" type="radio" checked="checked" name="payment[1]" value="1"> {% trans %}Płatność gotówką{% endtrans %}
  14. </label>
  15. <input class="radio_btn" type="radio" name="payment[1]" value="2"> {% trans %}Płatność przelewem z góry{% endtrans %}
  16. </label>
  17. </div>
  18. </div>
  19. </div>
  20. </div>
  21. <div class="panel panel-primary">
  22. <div class="panel-heading">
  23. <h4 class="panel-title">
  24. <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
  25. <i class="fa fa-caret-right"></i> {% trans %}Kurier{% endtrans %}</a>
  26. </h4>
  27. </div>
  28. <div id="collapse2" class="panel-collapse collapse">
  29. <div class="panel-body">
  30. <div class="form-group">
  31. <input class="radio_btn" type="radio" name="payment[2]" value="3"> {% trans %}Płatność za pobraniem{% endtrans %}
  32. </label>
  33. <input class="radio_btn" type="radio" name="payment[2]" value="2"> {% trans %}Płatność przelewem z góry{% endtrans %}
  34. </label>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. </form>


Chcialbym uzyskac efekt, aby po kliknieciu na wybrany radio buttom pozostale nie byly zaznaczone. W tej chwili istnieje mozliwosc ustawienia 2 radio buttonow w tym samym czasie.
Jak tego dokonac?

Probuje w ten sposob, ale nie dziala:
  1. $('#accordion').on('hidden.bs.collapse', function (e) {
  2. $(e.target).find('input[type=radio]:first').prop("checked", true)
  3. });



Prosze o pomoc.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
rad11
post
Post #2





Grupa: Zarejestrowani
Postów: 1 270
Pomógł: 184
Dołączył: 7.10.2012
Skąd: Warszawa

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


Rozbij to na grupy i mniej wiecej coś takiego:

  1. <input name="payment[1]" type="radio" class="groupRadio first"/>
  2. <input name="payment[1]" type="radio" class="groupRadio first"/>
  3.  
  4. <input name="payment[2]" type="radio" class="groupRadio second"/>
  5. <input name="payment[2]" type="radio" class="groupRadio second"/>

  1. $(".groupRadio").on('click', function () {
  2. switch ($(this).hasClass("first")) {
  3. case true:
  4. $(".second").removeAttr("checked");
  5. break;
  6. case false:
  7. $(".first").removeAttr("checked");
  8. break;
  9. }
  10. });

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: 24.12.2025 - 18:24