Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ   Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ
Trang Chủ Giới Thiệu Chương Trình Học Tài Liệu Lịch Khai Giảng Học Phí Việc Làm Lộ trình học

Go Back   Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ > WEB - ĐỒ HỌA - LẬP TRÌNH > Web Development > PHP
Đăng Ký Thành Viên Thành Viên Lịch Ðánh Dấu Ðã Ðọc


Vui lòng gõ từ khóa liên quan đến vấn đề bạn quan tâm vào khung dưới , trước khi đặt câu hỏi mới.


Trả lời
 
Ðiều Chỉnh
  #1  
Old 20-05-2011, 23:50
DeTu_ThayKhoa DeTu_ThayKhoa vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Jan 2011
Tuổi: 30
Bài gởi: 66
Thanks: 5
Thanked 66 Times in 27 Posts
Code jQuery chọn hết checkbox

*** Code jQuery chọn hết checkbox ***


Bài lab ngắn này mình chia sẽ với các bạn đoạn code jQuery chọn hết các checkbox (áp dụng nhiều trong các trang chức năng admin - xem danh sách).



Bước 1 : -Tạo thư mục test trong C:\AppServ\www
-Tạo site trong DW.



Bước 2 : Tải jQuery tại đây

lưu file jquery.js vào thư mục test


Bước 3 : Tạo file test.html.



- Đặt con trỏ trong thẻ <head></head>:

Menu Insert -->HTML-->Script Objects -->Script . Chọn file jquery.js



Bước 4 : Trong <boby></body> .
Menu Insert -> Table ->5 hàng(bao nhiêu tùy ý bạn) , 1 cột , width: 100px , boder =1px.


Ở chế độ design


-Hàng 1 : Menu Insert/Form/Checkbox .
ID : chonhet -->click OK.


-Hàng 2 -> 5 : Menu Insert/Form/Checkbox .
ID : chon -->click OK.



Bước 5 : Trước thẻ </head>.Paste đoạn code sau :

PHP Code:
<script>
$(
document).ready(function(){

 $(
"#chonhet").click(function()
  {
   var 
checked_status this.checked;
   $(
"input[name=chon]").each(function()
   {
    
this.checked checked_status;
   });
  });

});
</script> 


OK -> Đã hoàn tất .Bạn F12 chạy thử . Click vào checkbox "chonhet" xem thử nhé .



Chúc các bạn áp dụng nhanh - gọn - lẹ - hiệu quả .

thay đổi nội dung bởi: DeTu_ThayKhoa, 20-05-2011 lúc 23:52 Lý do: a
Trả Lời Với Trích Dẫn
Đã có 3 người gửi lời cảm ơn DeTu_ThayKhoa vì bài viết hữu ích này:
  #2  
Old 20-06-2011, 01:31
DKNY2808 DKNY2808 vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Mar 2010
Bài gởi: 65
Thanks: 16
Thanked 0 Times in 0 Posts
cái này là 1 phần trong bài học Jquery mà a Hoàng. làm luôn bài lab toàn bộ code Jquery trong chương trình PHP nâng cao luôn cho nó máu
Trả Lời Với Trích Dẫn
  #3  
Old 11-10-2011, 14:28
phuoclong1088 phuoclong1088 vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Nov 2009
Tuổi: 31
Bài gởi: 12
Thanks: 9
Thanked 0 Times in 0 Posts
LAb PHP Nhat nghe

Trích:
Nguyên văn bởi DKNY2808 View Post
cái này là 1 phần trong bài học Jquery mà a Hoàng. làm luôn bài lab toàn bộ code Jquery trong chương trình PHP nâng cao luôn cho nó máu
Chào bạn!!! bạn có thể giúp mình mua LAb PHP nâng cao dc k? Mình sẽ gửi tiền lại bạn. Mail của mình : phuoclong1088@gmail.com .
Trả Lời Với Trích Dẫn
  #4  
Old 25-10-2011, 10:59
MắtQuỹKYO MắtQuỹKYO vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: May 2011
Bài gởi: 15
Thanks: 25
Thanked 1 Time in 1 Post
Chọn hết rồi làm sao truyền value trong checkbox đó qua trang xử lý vậy bạn
Trả Lời Với Trích Dẫn
  #5  
Old 31-10-2011, 22:25
kytich1000 kytich1000 vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Dec 2009
Tuổi: 30
Bài gởi: 62
Thanks: 9
Thanked 33 Times in 11 Posts
Trích:
Nguyên văn bởi MắtQuỹKYO View Post
Chọn hết rồi làm sao truyền value trong checkbox đó qua trang xử lý vậy bạn
chọn hết rồi thì cần gì value nữa, nếu xóa thì xóa hết luôn
Trả Lời Với Trích Dẫn
  #6  
Old 27-04-2012, 17:54
dominhquy dominhquy vẫn chưa có mặt trong diễn đàn
Mới Đăng Ký
 
Tham gia ngày: Apr 2012
Nơi Cư Ngụ: Bắc Ninh
Tuổi: 30
Bài gởi: 1
Thanks: 0
Thanked 0 Times in 0 Posts
PHP Code:
<script>
$(
document).ready(function(){

 $(
"#chonhet").click(function()
  {
   var 
checked_status this.checked;
   $(
"input[name=chon]").each(function()
   {
    
this.checked checked_status;
   });
  });

});
</script> 
Mình có một cách khác cho trường hợp này

PHP Code:
<script>
$(
document).ready(function(){

 $(
"#chonhet").click(function()
  {
   var 
checked_status this.checked;
   $(
"input[name=chon]").attr('checked'checked_status);
  });

});
</script> 
Trả Lời Với Trích Dẫn
  #7  
Old 01-10-2012, 13:48
khangblackberry khangblackberry vẫn chưa có mặt trong diễn đàn
Mới Đăng Ký
 
Tham gia ngày: Oct 2012
Tuổi: 28
Bài gởi: 8
Thanks: 2
Thanked 1 Time in 1 Post
Thank bạn đã chia sẻ nhé để mình test thử xem sao
Trả Lời Với Trích Dẫn
  #8  
Old 02-10-2012, 14:29
khangblackberry khangblackberry vẫn chưa có mặt trong diễn đàn
Mới Đăng Ký
 
Tham gia ngày: Oct 2012
Tuổi: 28
Bài gởi: 8
Thanks: 2
Thanked 1 Time in 1 Post
Trích:
Nguyên văn bởi DeTu_ThayKhoa View Post
*** Code jQuery chọn hết checkbox ***


Bài lab ngắn này mình chia sẽ với các bạn đoạn code jQuery chọn hết các checkbox (áp dụng nhiều trong các trang chức năng admin - xem danh sách).



Bước 1 : -Tạo thư mục test trong C:\AppServ\www
-Tạo site trong DW.



Bước 2 : Tải jQuery tại đây

lưu file jquery.js vào thư mục test


Bước 3 : Tạo file test.html.



- Đặt con trỏ trong thẻ <head></head>:

Menu Insert -->HTML-->Script Objects -->Script . Chọn file jquery.js



Bước 4 : Trong <boby></body> .
Menu Insert -> Table ->5 hàng(bao nhiêu tùy ý bạn) , 1 cột , width: 100px , boder =1px.


Ở chế độ design


-Hàng 1 : Menu Insert/Form/Checkbox .
ID : chonhet -->click OK.


-Hàng 2 -> 5 : Menu Insert/Form/Checkbox .
ID : chon -->click OK.



Bước 5 : Trước thẻ </head>.Paste đoạn code sau :

PHP Code:
<script>
$(
document).ready(function(){

 $(
"#chonhet").click(function()
  {
   var 
checked_status this.checked;
   $(
"input[name=chon]").each(function()
   {
    
this.checked checked_status;
   });
  });

});
</script> 


OK -> Đã hoàn tất .Bạn F12 chạy thử . Click vào checkbox "chonhet" xem thử nhé .



Chúc các bạn áp dụng nhanh - gọn - lẹ - hiệu quả .
Bác cho mình xin 1 cái video được ko ạ
Trả Lời Với Trích Dẫn
Trả lời

Bookmarks

Ðiều Chỉnh

Quyền Sử Dụng Ở Diễn Ðàn
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Mở
Smilies đang Mở
[IMG] đang Mở
HTML đang Tắt

Chuyển đến

Similar Threads
Ðề tài Người Gởi Chuyên mục Trả lời Bài mới gởi
Hướng dẫn Encode Anime từ A-Z (có hình minh họa) jinonguyen Những Vấn Đề Khác 1 28-09-2015 16:01
Cho user góp ý kiến cho tin tức hoặc sản phẩm ldkhanhit Web Development 8 19-07-2013 10:16
giúp đỡ cài đặt isa array downloadfree Firewall 9 02-05-2010 23:56



Múi giờ GMT +7. Hiện tại là 20:20
Powered by: vBulletin Version 3.8.7
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Ad Management by RedTyger