javascript - jquery 单选按钮上的单击事件

Question

我寻找了一些其他答案和教程，但未能找到我想要的。例如，我发现它使用更改功能，但是，我需要使用单击事件并检测何时单击单选按钮。单击单选按钮时，我将显示消息，例如“您已选择单选按钮 1”。

例如，下面是我的 3 个单选按钮，我想为它们分配点击事件

<input type="radio" name="one" value="first" id="radio1" checked> first
<input type="radio" name="two" value="second" id="radio2" checked> second
<input type="radio" name="three" value="third" id="radio3" checked> third

我已经尝试过

1

var inputs = document.querySelectorAll('input');
for (var i = 0; i <= inputs.length; i++) {
     $("input[id='radio'+i]").click(function(){
        if(inputs == 'radio1') {
           //dosomething
        } else if (inputs == 'radio2') {
          //dosomething
        }else if (inputs == 'radio3') {
          //dosomething
        }
     });
}

2

  var inputs = document.querySelectorAll('input');
  for (var i = 0; i <= inputs.length; i++) {
        $("#radio"+i).click(function(){
            if(inputs == 'radio1') {
               //dosomething
            } else if (inputs == 'radio2') {
              //dosomething
            }else if (inputs == 'radio3') {
              //dosomething
            }
        });

    } 

请有人帮助我解决这个问题，因为我已经搜索过但无法找到任何帮助。

Answer 1

您没有不同名称的单选按钮组。你很可能会遇到这样的事情

<form id="myForm">
<input type="radio" name="radio" value="first" checked> first
<input type="radio" name="radio" value="second"> second
<input type="radio" name="radio" value="third"> third
</form>

$('#myForm input').on("change", function() {
    console.log($(this).attr('value')); // based on the value do something.
});

谢谢