当从表中未选择任何记录时，如何在按钮上放置模式。 我正在使用bootstrap 4

Question

<table id="resultTable" class="table table-hover table-bordered table-sm">
  <thead>
    <tr>
      <th>Select</th>
      <th>Message Id</th>
      <th>Service</th>
      <th>Date</th>
    </tr>
  <thead>
  <tbody>
    <tr>
      <td>
        <div class="radio">
          <input type="radio" name="selectRow"/>
        </div>
      </td>
      <td>SomeId001</td>
      <td>SERVICE1</td>
      <td>2019/02/04</td>
    <tr>
  </tbody>
</table>

<br/>

<button id="proceedBtn" type="button" class="btn btn-light">Proceed</button>

$('#proceedBtn').click(function(){
    $('.nav-tabs > .active').next('li').find('a').trigger('click');
});

因此，我想要的是无论用户何时尝试使用“继续”按钮，都以模态或警报形式显示消息，但未从表中选择记录。 如果从表中选择了一条记录，则用户可以使用该按钮，但是在选择了一条记录之前，该按钮应该没有任何功能。 选择记录后，继续按钮将执行上述javascript。 我一直在尝试查找示例，但是由于我对javascript和bootstrap不太熟悉，因此找不到适合我的示例。

Answer 1

我不知道我是否正确理解了您的要求，但是可能这样的事情可能适合...：

$('#proceedBtn').click(function(){
  var selectRowElement = document.getElementsByName('selectRow');
  if (selectRowElement.checked) {
    $('.nav-tabs > .active').next('li').find('a').trigger('click');
  } else {
    alert('Please select a row before proceeding');
  }
});