1

Имеется форма вопросов, где есть кнопка c классом .forward, куда человек нажимает чтобы перейти дальше. После того как человек отвечает на все вопросы, кнопка исчезает посредством добавления аттрибута disabled="disabled". Необходимо в этот момент добавлять класс с display:none;.

Я брал готовую от стороннего разработчика форму, поэтому условия ее выполнения поменять нельзя.

Как это реализовать?

<button disabled="disabled" type="button" name="forward" class="forward">Next</button>

3 ответа 3

1

Можно обойтись чистым CSS. Псевдокласс :disabled используется для применения стиля к заблокированным элементам форм.

.forward:disabled {
    display: none;
}
<button disabled="disabled" type="button" name="forward" class="forward">Next</button>

1
  • Мне нужно чтобы добавлялся сторонний класс, так как disabled="disabled" добавляется в самом конце, так что через css не получится реализовать.
    – Daniil Lav
    13 ноя 2018 в 13:53
0

если есть jQuery то очень просто:

if($('.forward').attr('disabled') == 'disabled') {
    $('.forward').addClass('<ваш_класс>');
}

attr ( name ) - получает значение атрибута...
attr ( name, value ) - устанавливает значение атрибута...
attr ( object ) - устанавливает значение атрибута...
attr ( name, function() ) - устанавливает значение атрибута...

Взято с документации http://api.jquery.com/attr/

0

Так же можно не добавлять класс, а просто скрыть елемент

jQuery:

if($('.forward').attr('disabled') == 'disabled') {
    $('.forward').hide();
}

Если нужно вернуть елемент:

if($('.forward').attr('disabled') == 'disabled') {
    $('.forward').show();
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.