设置复选框与jQuery的

Question

检查我有两个输入复选框，我想检查/使用jQuery取消勾选：

<input type="checkbox" name="user1" value="1" id="u1" onclick="loadUserCalendar(1)"> 
<input type="checkbox" name="user2" value="2" id="u2" onclick="loadUserCalendar(2)"> 

JavaScript代码：

var list = new cookieList("calendar_users"); 
var users = list.items(); 
for (var i = 0; i < users.length; i++) { 
    $('input[name="user' + users[i].substr(1,1) + '"]').attr('checked', true); 
    console.log('substring: ' + users[i].substr(1,1)); 
    console.log('enabling user ' + users[i]); 
} 

var users包含以下值：u1,u2。为了仅获取用户标识，我执行了一个子字符串，它可以获取正确的编号，如下面在控制台输出中所示。

控制台输出：

substring: 1 
enabling user u1 
substring: 2 
enabling user u2 

我不知道，为什么当代码运行的复选框不检查。我在这里做错了什么？

编辑：我使用jQuery 1.4.4由于兼容性的原因，这就是为什么我使用.attr()

Answer 1

内联事件处理程序（onclick="loadUserCalendar(1)"）不是jQuery方式。你不应该有任何在你的HTML。摆脱他们，并添加到您的jQuery：

$(function() { 
    $('form').on('click',':checkbox', function() { 
     loadUserCalendar($(this).val()); 
    }); 
}); 

但是，也许你想要的是这样的：

$(function() { 
    $('form').on('click',':checkbox', function() { 
     $('form :checkbox').attr('checked','checked'); 
    }); 
}); 

jQuery的1.ancient版本：

$(function() { 
    $('input[type=checkbox]').live('click', function() { 
     // do things 
    }); 
});