Javascript事件导致无限循环

Question

我将两个事件附加到“文档” - 一个用于某些复选框，一个用于一个按钮。我认为将 jquery .on() 与相关选择器结合使用就足够了。 [This fiddle][1] 显示了当您选择按钮时“卡住”的示例代码。复选框工作正常。谁能解释为什么会发生这种情况以及应该如何完成？

HTML:

<div id="main">main..
    <p>
        <input type="checkbox" class="ui-checkbox" id="checkbox0" name="inkluderfil" value="filnavn">
        <input type="checkbox" id="checkbox1" name="inkluderfil" value="filnavn">
        <input type="checkbox" id="checkbox2" name="inkluderfil" value="filnavn">
        <br>
        <br>
    </p>
</div>
<div id="buttdiv">
    <input type="submit" name="mybutt" value="A submit button">
</div>
<div id='result'></div>


$('document').ready(function () {
$(document).on("change", 'input[name="inkluderfil"]', function (event)           {
    $('#result').html('Checkbox is changed')
});

$(document).on("click", 'input[name="mybutt"]', function (event) {
    $('#result').html('mybutt is clicked')
    for (var i = 0; 3; i++) {
        console.log('objAttach2XML:' + i)
    };
});

$('#result').html('ready')
});

Answer 1

改变

for (var i = 0; 3; i++) {

至

for (var i = 0; i<3; i++) {