具有相同名称的先前选择的单选按钮的呼叫功能

Question

Hello I have some radio buttons with different radio groups name. I want to call the function on the previously selected radio button for that specific group.

If I check the radio button then select the different radio button from the same group. I want call the function or add class on the previously selected radio button of the same group in jQuery.

Here is the example code -

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 />

Please help

Answer 1

Is it something like this you want?

$("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");
  }
});

Demo

 $("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 />