設置複選框與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 
    }); 
});