如何在onclick中添加fontawesome微调器?

Syn*_*ync 5 javascript php jquery font-awesome

所以我的PHP echo中有这段代码;

<input type="submit" value="Send Love" class="btn btn-primary" onclick="this.form.submit(); this.disabled=true; this.value=\'Sending Love…\';" />

如您所见,文本将在onclick更改,按钮将被禁用,并且表单将被提交。但是我想做的是在发送之外添加一个fontawesome微调器,以便在提交按钮时会有一个微调器。我尝试添加它,但是没有显示出来,并且破坏了代码的输出;我也尝试过'\'\在Sending中使用like,但是它仍然没有显示,并且onclick函数被破坏了。

<input type="submit" value="Send Love" class="btn btn-primary" onclick="this.form.submit(); this.disabled=true; this.value=\'<i class="fa fa-spinner fa-spin"></i> Sending Love…\';" />

所以有人可以帮我解决这个问题吗?确实要添加该微调器。提前致谢!

Sac*_*hin 8

你必须接受<button ... >。尝试这个:

<button type="submit" class="btn btn-primary" onclick="sendLove(this);" > Send Love</button>

<script>
function sendLove(this1)
{
  //alert('asdasd');
  this1.disabled=true; 
  this1.innerHTML='<i class="fa fa-spinner fa-spin"></i> Sending Love…';
}
</script>
Run Code Online (Sandbox Code Playgroud)

您好,这里是成熟的工作示例..

https://jsbin.com/bezomapeba/edit?html,js,console,output