Javascript 事件无限循环

Javascript event makes infinit loop

我将两个事件附加到 'document' - 一个用于某些复选框和一个按钮。我认为将 jquery .on() 与相关的 select 结合使用就足够了。 [此 fiddle][1] 显示 'freeze' 作为您 select 按钮的示例代码。复选框工作正常。任何人都可以解释为什么会发生这种情况以及应该如何做到这一点?

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')
});

改变

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

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