Đầu tiên, giả sử trang web của ta có nhiều checkbox
<br />
....<br />
<input type="checkbox" name="cb1" id="cb1" /> Checkbox 1<br /><br />
<input type="checkbox" name="cb2" id="cb2" /> Checkbox 2<br /><br />
<input type="checkbox" name="cb3" id="cb3" /> Checkbox 3<br /><br />
<input type="checkbox" name="cb4" id="cb4" /> Checkbox 4<br /><br />
....<br />
<input type="checkbox" name="cb10" id="cb10" /> Checkbox 10<br /><br />
....<br />
<a >Check /Uncheck</a><br />
Bây giờ, ta cần viết 1 chương trình bằng Javascript để thực hiện việc thay đổi thuộc tính checked của các checkbox này cùng 1 lúc.
...
<head>
...
<script type="text/javascript">
function changeCheck(){
//lấy tham chiếu đến tất cả các thẻ input
var cbs = document.getElementsByTagName("input");
for(var i=0; i<cbs.length; i++){
var cb = cbs[i];
if (cb.type.toLowerCase()=="checkbox") //nếu là checkbox
cb.checked=!cb.checked;//thay đổi trạng thái check
}//for
}
</script>
</head>
Cuối cùng, ta đăng ký chương trình changeCheck này với thẻ A đã tạo
<br />
.....<br />
<a onclick='changeCheck();'>Check /Uncheck</a><br />
Mã nguồn của ví dụ tương tự với VD này, bạn có thể tìm thấy trong bài viết Ví dụ phần lập trình client side (môn học Lập trình web)