Lập trình check all trong HTML
Lập trình check all trong HTML
Trong bài này tôi sẽ hướng dẫn các bạn lập trinh cho các nút check all sử dung html và jquery.
Để kiểm tra checkbox có dang checked hay không ta dung hàm prop('checked').
Để check hoặc không check ta dùng prop('checked',true|false);
Giờ ta sẽ cấu hình viết đoạn code đơn giản như sau:
Javascript:
Html:
Nếu trên một trang chỉ có một nhóm thì không sao cả nhưng nếu có nhiều nhóm thì ta cần phải cấu hình thêm. Ta sẽ phải chia thành nhóm khác nhau. Ta sẽ cấu hình thêm role cho từng nhóm.
Ta cấu hình thêm như sau:
Javascript:
Ta sẽ chia các nhóm theo role
Html:
Với cấu hình mới ta có thể dùng nhiều nhóm.