如何获取最后选择的单选按钮 ID

Question

我有两个带有一些单选按钮的 UL 列表。现在我想从他们的 UL.

中获取最后一个 selected 单选按钮 ID attribute

例如：

如果我从第一个 selected 单选按钮 UL 然后 return selected 单选按钮 ID.
如果我 select 从第二个 UL 编辑了单选按钮，然后 return 选择了单选按钮 ID。

我试过下面的代码，但没有正常工作。如果您尝试使用第一个 UL 中的 selecting 第一个单选按钮，您将收到 selected ID 的警报，但是当您从第二个 selected 单选按钮时UL 你会从第一个 UL 得到警报，而我不想要。 :(

我想从 UL.

中获取最后选中的单选按钮 ID

知道怎么做吗？

你能用这种方式检查一下吗：

第一个 select 20 从第一个 UL 你会得到 20.
第二个 select 80 从第二个 UL 你会得到 80.

现在再次更改第一个 UL 的单选按钮，然后更改我想要的 ID 单选按钮。

这是我的 JSFiddle.

谢谢。

$("#update_cart").click(function() {
  var radioID = $("input[type='radio']:checked").attr("id");
  if (radioID) {
    alert(radioID);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<ul class="one">
  <li>
    <label for="1" class="label_check">
      <input type="radio" id="1" name="one" value="10">10
    </label>
  </li>

  <li>
    <label for="2" class="label_check">
      <input type="radio" id="2" name="one" value="20">20
    </label>
  </li>

  <li>
    <label for="3" class="label_check">
      <input type="radio" id="3" name="one" value="30">30
    </label>
  </li>

  <li>
    <label for="4" class="label_check">
      <input type="radio" id="4" name="one" value="40">40
    </label>
  </li>

  <li>
    <label for="5" class="label_check">
      <input type="radio" id="5" name="one" value="50">50
    </label>
  </li>
</ul>

<ul class="two">
  <li>
    <label for="6" class="label_check">
      <input type="radio" id="6" name="two" value="40">60
    </label>
  </li>

  <li>
    <label for="7" class="label_check">
      <input type="radio" id="7" name="two" value="70">70
    </label>
  </li>

  <li>
    <label for="8" class="label_check">
      <input type="radio" id="8" name="two" value="100">80
    </label>
  </li>

  <li>
    <label for="9" class="label_check">
      <input type="radio" id="9" name="two" value="120">90
    </label>
  </li>

  <li>
    <label for="10" class="label_check">
      <input type="radio" id="10" name="two" value="120">100
    </label>
  </li>
</ul>

<input type="button" id="update_cart" class="update_cart" value="Update Cart">

Answer 1

使用

$("#update_cart").click(function () {
  var radioID = $("input[type='radio'].active").attr("id");
  if (radioID) {
      alert(radioID);
  }
});

$("input[type='radio']").click(function(){
  $('.active').removeClass('active');
     $(this).addClass('active');
});

如何获取最后选择的单选按钮 ID

How to get last selected radio button id

javascript

jquery

html

radio-button

Working Demo