У меня есть несколько форм, имеющих одинаковые поля: флажок (bootstrap switch) и выбор
Я хочу, чтобы при выборе флажка переключатель выбора для включения / выключения
Дело в том, когда я это делаю, работает только первая форма 🙁
Вот мой HTML
<form method="POST" action="http://laravel.dev/tournaments/1/categories/6/settings/9" accept-charset="UTF-8"> <div class="row"> <div class="col-md-2"> <label> <input id="isTeam7" name="isTeam" type="hidden" value="0"> <input class="switch" data-on-text="Si" data-off-text="No" id="isTeam7" name="isTeam" type="checkbox" value="1"> </label> </div> <div class="col-md-5"> <select class="form-control" disabled="disabled" id="teamSize" name="teamSize"><option value="0">2</option><option value="1">3</option><option value="2" selected="selected">4</option><option value="3">5</option><option value="4">6</option><option value="5">7</option><option value="6">8</option><option value="7">9</option><option value="8">10</option><option value="9">11</option><option value="10">12</option><option value="11">13</option><option value="12">14</option><option value="13">15</option></select> </div> </div> <div align="right"> <button type="submit" class="btn btn-success save_category" id="save7"><i></i>Guardar </button> </div> </form> <form method="POST" action="http://laravel.dev/tournaments/1/categories/6/settings/9" accept-charset="UTF-8"> <div class="row"> <div class="col-md-2"> <label> <input id="isTeam8" name="isTeam" type="hidden" value="0"> <input class="switch" data-on-text="Si" data-off-text="No" id="isTeam8" name="isTeam" type="checkbox" value="1"> </label> </div> <div class="col-md-5"> <select class="form-control" disabled="disabled" id="teamSize" name="teamSize"><option value="0">2</option><option value="1">3</option><option value="2" selected="selected">4</option><option value="3">5</option><option value="4">6</option><option value="5">7</option><option value="6">8</option><option value="7">9</option><option value="8">10</option><option value="9">11</option><option value="10">12</option><option value="11">13</option><option value="12">14</option><option value="13">15</option></select> </div> </div> <div align="right"> <button type="submit" class="btn btn-success save_category" id="save8"><i></i>Guardar </button> </div> </form>
Вот мой JQuery
$('input[name="isTeam"]').on('switchChange.bootstrapSwitch', function (event, state) { var isChecked = $(this).is(':checked'); $('.teamSize').prop('disabled', !isChecked); });
Как я могу сделать так, чтобы он работал для всех форм на моей странице ???