Question

我一直在寻找其他答案和教程，但还没有找到我想要的东西。例如，我发现它使用更改功能，但是，我需要使用click事件并检测单击单选按钮的时间。单击单选按钮时，我将显示一条消息，显示为“您已选择单选按钮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.
});

谢谢

单击事件在单选按钮上的jQuery

1 个答案: