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();
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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