1. 程式人生 > >jquery複選框全選全不選

jquery複選框全選全不選

// 複選框的全選和全不選
$(function() {
    // 獲得上面的複選框
    var $selectAll = $("#selectAll");
    // alert($selectAll.prop("checked")); // 返回undefined未定義
    $selectAll.click(function() {
        // alert($selectAll.prop("checked"));
        if ($selectAll.prop("checked") == true) {
            // 上面的複選框已被選中
            $(":checkbox[name='ids']").prop("checked", true);
        } else {
            // 上面的複選框沒被選中
            $(":checkbox[name='ids']").prop("checked", false);
        }
    });
});