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

时间:2018-11-01 07:33:58

标签: javascript jquery radio-button

您好,我有一些带有不同无线电组名称的单选按钮。我想在该特定组的先前选择的单选按钮上调用该函数。

如果我选中单选按钮,则从同一组中选择另一个单选按钮。我想在jQuery中同一组的先前选择的单选按钮上调用函数或添加类。

这是示例代码-

--public-url ./

请帮助

1 个答案:

答案 0 :(得分:2)

您想要这样的东西吗?

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