按随机顺序禁用按钮，Rails/javascript

我有一堆按钮，总共3个。

这些按钮让我心烦意乱，这些按钮以一种奇怪的顺序禁用。如果我按下按钮2，它将禁用(它禁用是因为它向数据库提交数据)，一旦它禁用，我可以点击按钮3来提交数据，但它不会禁用。然而。按钮一将。

对于其他方法也是一样的。如果你按下3号按钮，它就失效了，我可以使另外两个失效。如果我点击一个按钮，我不能禁用其他两个，但数据提交良好。

当你解释这个的时候，你会温柔一点吗?我才刚刚开始使用rails，哈哈!

下面是代码;

<div id="a" style="margin-right: 5px; float: left;">
  <% if @conference_status.cross_charged_user_id.present? %>
      <button id="a" class="btn btn-primary" disabled="disabled">Disabled</button>
  <% else %>
      <%= link_to 'Cross charged to Client', admin_conference_status_path(@conference_status, status_name: 'cross_charged_use'), class: "btn btn-primary", method: :put, remote: true, prompt: 'Are you sure?' %>
  <% end %>
  </div>
  <div id="b" style="margin-right: 5px; float: left;">
    <% if @conference_status.payment_received_comm_user_id.present? %>
        <button class="btn btn-primary" disabled="disabled">Disabled</button>
    <% else %>
        <%= link_to 'Payment received Commission', admin_conference_status_path(@conference_status, status_name: 'payment_received_comm'), class: "btn btn-primary", method: :put, remote: true %>
    <% end %>
  </div>
  <div id="c" style="margin-right: 5px; float: left;">
    <% if @conference_status.payment_received_client_user_id.present? %>
        <button class="btn btn-primary" disabled="disabled">Disabled</button>
    <% else %>
        <%= link_to 'Payment Received', admin_conference_status_path(@conference_status, status_name: 'payment_received'), class: "btn btn-primary", method: :put, remote: true %>
    <% end %>
  </div>

这里是js。erb

<% if @conference_status.cross_charged_datetime.present? %>
$('#a').html('<button class="btn btn-primary" disabled="disabled">Disabled</button>');
<% elsif @conference_status.payment_received_comm_user_id.present? %>
$('#b').html('<button class="btn btn-primary" disabled="disabled">Disabled</button>');
<% else @conference_status.payment_received_client_datetime.present? %>
$('#c').html('<button class="btn btn-primary" disabled="disabled">Disabled</button>');
<% end %>