sanManjiro
@sanManjiro

Как сделать активацию кнопки после нажатие на checkbox?

Нужно сделать так, чтобы кнопка была активна только после того, как пользователь поставит чекбокс.
Код чекбокса:
<label className="control-label label-checkbox active">
              <input
                type="checkbox"
                className='checkbox'
                defaultValue="1"
              />
              <span className='fakeCheckbox'></span>
</label>

Код кнопки:
<div className="btn-box">
            <button
              type="submit"
              name="btn_send_sms"
              className="btn btn-primary btn_submit_modal"
              data-send-page="master_reg"
              id="btn_send_sms"
              defaultValue="kontaktnaya_informaciya"
            >
              <span>Подтвердить</span>
            </button>
          </div>

Все выглядит примерно так:
62fab2345e9e5404723056.png
  • Вопрос задан
  • 125 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
const [ checked, setChecked ] = React.useState(false);

<input
  type="checkbox"
  checked={checked}
  onChange={e => setChecked(e.target.checked)}
  ...

<button
  disabled={!checked}
  ...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы