У меня есть эта группа кнопок начальной загрузки с переключателями:
<div id="MyField" data-toggle="buttons" class="btn-group">
<label class="btn btn-primary btn-sm"><input type="radio" name="MyField" value="Val1" autocomplete="off">First</label>
<label class="btn btn-primary btn-sm active"><input type="radio" name="MyField" value="Val2" autocomplete="off" checked="">Second</label>
<label class="btn btn-primary btn-sm"><input type="radio" name="MyField" value="Val3" autocomplete="off">Third</label>
<label class="btn btn-primary btn-sm"><input type="radio" name="MyField" value="Val4" autocomplete="off">Fourth</label>
</div>
Если я выбираю значение с помощью мыши, все работает нормально. Однако, если я перейду в группу с помощью клавиши табуляции и выберу другую опцию с помощью клавиш со стрелками на клавиатуре, произойдет следующее:
- Активная кнопка изменяется визуально, как и ожидалось
- Событие change javascript (обрабатывается с использованием jQuery $ ('# MyField'). Change (...)), как и ожидалось,
- При отправке формы исходное значение выбранной по умолчанию радиокнопки отправляется на сервер.
Есть идеи, почему это так и как это исправить?