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

Question

我有这个代码笔：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);
}
}});

Answer 1

try by 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);
}
}});