javascript - 应该触发哪个事件，以便在选中单选按钮时发生某些事情？

我想在选中单选按钮之一时隐藏验证消息。

我尝试使用事件click，change和on（“ change”，function（）{...}）

JQuery的版本是1.10.2

$(document).ready(function () {
    $("#radioButton1").on("change", function () {
        var isChecked = $("#radioButton1").is(":checked");
        if (isChecked)
            $("#validationMsg").text("");
        else
            $("#validationMsg").text("Please select something from above").css("color", "red");
    });

    $("#radioButton2").change(function () {
        var isChecked = $("#radioButton2").is(":checked");
        if (isChecked)
            $("#validationMsg").text("");
        else
            $("#validationMsg").text("Please select something from above").css("color", "red");
    });
});

最佳答案

您的代码很好，应该可以工作。我会说问题出在别的地方，所以如果您也附上html，那就太好了，也许那里有问题。

您可以检查它是否适用于我的Codepen：

https://codepen.io/MaimunoDampalo/pen/WBBdaZ

<div>
  <label>foo?
    <input name="foobar" type="radio" value="foo" id="radioButton1"/>
  </label>
  <label>bar?
    <input name="foobar" type="radio" value="bar" id="radioButton2" />
  </label>
</div>

  $(document).ready(function () {
    $("#radioButton1").on('change', function () {
        var isChecked = $("#radioButton1").is(":checked");
        if (isChecked) {
          alert("button1 true")
        }
    });
    $("#radioButton2").on("change", function () {
        var isChecked = $("#radioButton2").is(":checked");
        if (isChecked) {
          alert("button2 true")
        }
    });
  });

关于javascript - 应该触发哪个事件，以便在选中单选按钮时发生某些事情？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56471428/