如何在单选按钮选择上添加确认警报？

Question

在表单的末尾，我有下面的代码，它要求用户 select 是或否单选按钮。通常，错误的选项是 selected，我想通过添加 'Are you sure' 确认 statement/alert 来限制这种情况。选项应该保持不变，只是进一步 yes/no 我猜。

<td class="t1_head">Keep with Tier 3?</td>
<td class="t1">
  <input type="radio" name="open" value="Yes" checked> Yes &nbsp; 
  <input type="radio" name="open" value="No"> No &nbsp; 
  <i>(This overrides the above scheduling)</i>
</td>

任何帮助，非常感谢。

Answer 1

您可以使用 javascript

<script>
  // get yes button
  var yes = document.getElementById('YesID');

  // get no button
  var no = document.getElementById('NoID);

  // when yes is clicked
  yes.addEventListener('click', function(e) {
    // warn
    var result = warn();

    // if selected no, switch button
    if (!result) no.checked = true;
  });

  // when no is clicked
  no.addEventListener('click', function(e) {
    // warn
    var result = warn();

    // if selected no, switch button
    if (!result) yes.checked = true;
  });

  function warn() {
    return confirm('Are you sure you want to select this ?');
  }
</script>

注意：将 'YesID' 和 'NoID' 替换为两个单选按钮的正确 ID。

如何在单选按钮选择上添加确认警报？

How can I add a confirmation alert on radio button selection?

radio-button

alert

confirmation