Настройка атрибута заголовка для отключенного ввода

Question

У меня есть HTML-форма. Прежде чем пользователь сможет его отправить, они должны согласиться с моей политикой конфиденциальности.

Прежде чем принять политику конфиденциальности, кнопка отключена и выглядит так: <input type="submit" value="Invia" class="wpcf7-form-control wpcf7-submit" disabled="disabled">.

Вопрос: как я могу отображать через jquery другое название, основанное на отключенном свойстве? Если кнопка отключена, заголовок должен быть «Пожалуйста, соглашайтесь с нашей политикой конфиденциальности, чтобы продолжить». Если кнопка не отключена, она должна быть «Отправить запрос».

Я пробовал разные подходы, но никто не работает.

Мое предположение было бы что-то вроде:

/* title for disabled submit */ 
    if ($("input.wpcf7-submit").attr('disabled') == "disabled") { 
     $("input.wpcf7-submit").attr("title", "Please agree to our privacy policy to continue"); 
    } 
    else { 
     $("input.wpcf7-submit").attr("title", "Send your request"); 
    } 

Answer 1

Решение основано на намек, что CBroe дал мне в комментарии к этому вопросу. Я пишу это здесь для удобства каждого.

Answer 2

Вы должны использовать prop установить атрибут title:

if ($("input.wpcf7-submit").attr('disabled') == "disabled") { 
    $("input.wpcf7-submit").prop("title", "Please agree to our privacy policy to continue"); 
} 
else { 
    $("input.wpcf7-submit").prop("title", "Send your request"); 
} 

дона «т забудьте обернуть его в $document.ready(function() { ... }).

Answer 3

В основном это идет как это ...

$(functions() { 
    if($('.wpcf7-submit').is(':disabled')){ 
     $('.wpcf7-submit').attr("title", "Please agree to our privacy policy to continue"); 
    } 
}); 

Вам не нужно else, потому что в противном случае будет отображаться заголовок по умолчанию.

Answer 4

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

$("#accCheck").change(function() { 
 
     // this represents the checkbox that was checked 
 
     // do something with it 
 
     if ($(this).prop("checked")) { 
 
      $("#btnAcc").prop("disabled", false); 
 
      $("#btnAcc").prop("value", "Send your request"); 
 
     } else { 
 
      $("#btnAcc").prop("disabled", true); 
 
      $("#btnAcc").prop("value", "Please agree to our privacy policy to continue"); 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="accCheck" class="wpcf7-form-control wpcf7-submit">I accept the conditions 
 
<br/> 
 
<input type="submit" id="btnAcc" value="Invia" class="wpcf7-form-control wpcf7-submit" disabled="disabled">