电子邮件字段变为单选按钮答案

【问题标题】：Email field turns to radio button电子邮件字段变为单选按钮
【发布时间】：2020-05-14 07:35:01
【问题描述】：

我有这个密码笔：https://codepen.io/stdobrescu/pen/xxbMbLK 最后一个字段是文本输入，当单击任何其他单选输入时，它会变成单选按钮。我不知道是什么触发了它。这是字段：

 <div class="input-block">
        <label>Your email</label>
        <div class="input-control">
          <input type="email" name="firstname" placeholder="Email">
        </div>
      </div>

$("input[type='radio']").click(function() {
    var question = document.getElementsByTagName("input");
    var totalScore = 0;

    for (i = 0; i < question.length; i++) {
      if ((question[i].type = "radio")) {
        if (question[i].checked) totalScore += parseInt(question[i].value, 10);

        console.log(totalScore);
        displayLevel(totalScore);
        $("#score").html(totalScore);
      }
    }});

【问题讨论】：

在您的问题中包含代码笔中的逻辑。
嗨，欢迎来到 SO。请花时间阅读tour 和How to Ask。为了帮助您解决问题，请在问题本身中包含带有所有相关代码的minimal reproducible example。
@Taplar 谢谢，从现在开始；）
@freedomn-n 这似乎可以解决问题，谢谢！

标签： jquery input radio-button codepen

【解决方案1】：

尝试使用 getElementsByClassName 而不是 getElementsByTagName

$("input[type='radio']").click(function() {
    var question = document.getElementsByClassName("toggle");
    var totalScore = 0;

    for (i = 0; i < question.length; i++) {
      if ((question[i].type = "radio")) {
        if (question[i].checked) totalScore += parseInt(question[i].value, 10);

        console.log(totalScore);
        displayLevel(totalScore);
        $("#score").html(totalScore);
      }
    }});

【讨论】：