如何获取上次选择的单选按钮ID

Question

我有两个带有一些单选按钮的UL列表。 现在，我想从其UL获取最后选择的单选按钮ID attribute 。

例如：

• 如果我从第一个UL选择了单选按钮，则返回选择的单选ID 。
• 如果我从第二个UL选择了单选按钮，则返回选择的单选ID 。

我已经尝试了下面的代码，但是不能正常工作。 如果您尝试从第一个UL选择第一个单选按钮，则将收到具有选定ID警报，但是当您从第二个UL选择单选按钮时，您将得到第一个UL警报，而我不想要。 :(

我想从该UL获取最后检查的单选按钮ID 。

任何想法如何做到这一点？

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

• 首先从第一个UL选择20，您将获得20。
• 从第二个UL第二次选择80，您将获得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');
});

工作演示