javascript - 如何在 onclick 中添加 fontawesome 微调器？

Question

所以我的 php echo 中有这段代码；

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

如您所见，单击时文本将更改，按钮将被禁用，表单将被提交。但我想做的是在发送之外添加一个字体微调器，这样按钮在提交时就会有一个微调器。我尝试添加它，但它没有显示出来并且破坏了代码的输出；我也尝试使用 '\'\与 Sending 类似，但它仍然没有显示，并且 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…\';" />

所以有人可以帮我解决这个问题吗？真的想添加那个微调器。提前致谢!

Answer 1

你必须拿<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>

你好，这里是成熟的工作示例..

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