设置禁用输入的标题属性

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在对这个问题的评论中给我的提示。我写在这里是为了大家的方便。

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

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，因为否则将显示默认标题。