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

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: 23.12.2025 - 18:20