javascript - 在先前选择的同名单选按钮上调用函数

Question

您好，我有一些具有不同单选组名称的单选按钮。我想调用之前为该特定组选择的单选按钮上的函数。

如果我选中单选按钮，然后从同一组中选择不同的单选按钮。我想在 jQuery 中的同一组的先前选择的单选按钮上调用函数或添加类。

这是示例代码-

RadioGroup1Button 1: <input type='radio' name='radioGroup1' /><br />
RadioGroup1Button 2: <input type='radio' name='radioGroup1' /><br />
RadioGroup2Button 1: <input type='radio' name='radioGroup2' /><br />
RadioGroup2Button 2: <input type='radio' name='radioGroup2' /><br />
RadioGroup2Button 3: <input type='radio' name='radioGroup2' /><br />

请帮忙

Answer 1

你想要这样的东西吗？

$("input:radio").on("mousedown", function() {
  var name = $(this).attr("name");
  if ($("input:radio[name='" + name + "']:checked").length == 1 && $(this).is(":not(:checked)")) {
    $("input:radio[name='" + name + "']").removeClass("PrevChecked");
    $("input:radio[name='" + name + "']:checked").addClass("PrevChecked");
  }
});

演示

$("input:radio").on("mousedown", function() {
  var name = $(this).attr("name");
  if ($("input:radio[name='" + name + "']:checked").length == 1 && $(this).is(":not(:checked)")) {
    $("input:radio[name='" + name + "']").removeClass("PrevChecked");
    $("input:radio[name='" + name + "']:checked").addClass("PrevChecked");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
RadioGroup1Button 1: <input type='radio' name='radioGroup1' /><br /> RadioGroup1Button 2: <input type='radio' name='radioGroup1' /><br /> RadioGroup2Button 1: <input type='radio' name='radioGroup2' /><br /> RadioGroup2Button 2: <input type='radio' name='radioGroup2'
/><br /> RadioGroup2Button 3: <input type='radio' name='radioGroup2' /><br />