<form id="jsForm" action="" method="post"> <div class="panel-group" id="accordion"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse1"> </h4> </div> <div id="collapse1" class="panel-collapse collapse in"> <div class="panel-body"> <div class="form-group"> <label> <input class="radio_btn" type="radio" checked="checked" name="payment[1]" value="1"> {% trans %}Płatność gotówką{% endtrans %} </label> <label> <input class="radio_btn" type="radio" name="payment[1]" value="2"> {% trans %}Płatność przelewem z góry{% endtrans %} </label> </div> </div> </div> </div> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse2"> </h4> </div> <div id="collapse2" class="panel-collapse collapse"> <div class="panel-body"> <div class="form-group"> <label> <input class="radio_btn" type="radio" name="payment[2]" value="3"> {% trans %}Płatność za pobraniem{% endtrans %} </label> <label> <input class="radio_btn" type="radio" name="payment[2]" value="2"> {% trans %}Płatność przelewem z góry{% endtrans %} </label> </div> </div> </div> </div> </div> </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:
$('#accordion').on('hidden.bs.collapse', function (e) { $(e.target).find('input[type=radio]:first').prop("checked", true) });
Prosze o pomoc.