JSlint：意外'换' [英] JSlint: unexpected 'for'

问题描述

我一直在用单选按钮进行测试。一切似乎没问题，直到我通过JS lint运行它。我修正了除一个以外的所有错误：

I have been testing with radio buttons. Everything seems okay until i ran it through JS lint. I fixed all errors except one:

意外'换'

for (i = 0; i < radios.length; i += 1) {

这是我的Javascript：

Here is my Javascript:

/*global body,window,document,alert*/
(function () {
"use strict";

var UIlogic;

UIlogic = {
    myLoad: function () {
        var elems, elemText, btn1, winter, summer, fall, spring, header, btns;

        winter = "<div><input type='radio' name='cb' id='cbA' value='0'/><label for='cbA'>Winter</label></div>";
        summer = "<div><input type='radio' name='cb' id='cbB' value='1'/><label for='cbB'>Summer</label></div>";
        fall = "<div><input type='radio' name='cb' id='cbC' value='2'/><label for='cbC'>Fall</label></div>";
        spring = "<div><input type='radio' name='cb' id='cbD' value='3'/><label for='cbD'>Spring</label></div>";

        header = "Header";

        btns = "<br /><button class='btns' id='btn1'>Go!</button>";

        elemText = "Menu/nav";

        elems = "<center><div>" + header + "</div></center>";//title
        elems += "<div>" + elemText + "</div></center>";//menu
        elems += "<div id='container'><br />";//container opens
        elems += "<div id='div1'>" + winter + "</div>";
        elems += "<div id='div2'>" + summer + "</div>";
        elems += "<div id='div2'>" + fall + "</div>";
        elems += "<div id='div2'>" + spring + "</div>";
        elems += "<div id='div3'>" + btns + "</div>";
        elems += "</div>";//container closes
        elems += "<h6><div id='footer'>Ehawk 2015</div></h6>";

        body.innerHTML = elems;
        btn1 = document.getElementById("btn1");
        btn1.addEventListener('click', UIlogic.intoFunction, false);

    },
    intoFunction: function () {
        var radios, found, i = 0;
        radios = document.getElementsByName("cb");
        found = 1;
        for (i = 0; i < radios.length; i += 1) {//issue occurs here
            if (radios[i].checked) {
                alert(radios[i].value);
                found = 0;
                break;
            }
        }
        if (found === 1) {
            alert("Please Select Radio");
        }
    }
};
window.onload = function () {
    UIlogic.myLoad();
};
}());

我的循环错误了吗？为什么JSlint会在这里看到问题，甚至认为代码有效？我真的可以对循环使用一些洞察力，因为我对它们的问题最多。我被告知不要使用它们，但我没有看到运行循环来检测单选按钮和检查无线电的问题。这是我应该关注的吗？

Am i running my loop wrong? why would JSlint see a problem here even thought the code works? I could really use some insight on loops, as i have the most issues with them. I have been told not to use them, but i don't see the problem with running a loop to detect radio buttons and checked radios. Is this something i should be concerned with?

推荐答案

JSLint建议您使用其他循环，例如forEach。 http://www.jslint.com/help.html#for

JSLint suggests you use other loops such as forEach. http://www.jslint.com/help.html#for

你可以在底部选择容忍for statement选项，如果这让你烦恼但代码看起来很好。

You can just select the tolerate "for statement" option at the bottom if this bothers you but the code looks fine.

这篇关于JSlint：意外'换'的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！