В Bootstrap есть несколько способов отключения и включения полей ввода данных по нажатию кнопки.
Один из способов заключается в использовании JavaScript и jQuery. Ниже приведен пример кода, который позволит вам отключать и включать поле ввода данных в Bootstrap по нажатию кнопки:
HTML код:
<div class="form-group"> <input type="text" class="form-control" id="myInput" disabled> </div> <button type="button" class="btn btn-primary" onclick="toggleInput()">Отключить/Включить поле</button>
JavaScript код:
function toggleInput() { var input = document.getElementById("myInput"); if (input.disabled) { input.disabled = false; } else { input.disabled = true; } }
Если поле ввода данных имеет класс form-control
, то можно использовать следующий jQuery код:
$('.btn').click(function(){ $('.form-control').prop("disabled", !$('.form-control').prop("disabled")); });
Этот код будет переключать состояние disabled
у всех полей ввода данных с классом form-control
по нажатию кнопки с классом .btn
.
Надеюсь, данный ответ поможет вам отключить и включить поле для ввода данных в Bootstrap!