Q = jQuery.noConflict();
Q(document).ready(function(){
Q("#toggler").click(function() {
var mode = this.mode == 'off' ? 'on' : 'off';
this.mode = mode;
Q("form#the_form input.id").each(function(){
mode == 'off' ? this.checked = true : this.checked = false;
});
Q(this).text() == 'check all' ? Q(this).text('uncheck all') : Q(this).text('check all');
return false;
});
};
// called from a link...
// <a href="#" id="toggler">check all</a>
Refactorings
No refactoring yet !
Tien Dung
October 6, 2008, October 06, 2008 22:19, permalink
1 rating.
Login to rate!
Use true/false instead of using "on"/"off" for .mode
For .text() I think you can set it according to mode value
Q("#toggler").click(function() {
var mode = this.mode;
this.mode = !mode;
Q("form#the_form input.id").each(function(){
this.checked = mode;
});
Q(this).text(mode ? 'check all' : 'uncheck all');
return false;
});
Leandro
October 16, 2009, October 16, 2009 15:11, permalink
No rating.
Login to rate!
Thanks for sharing your code, but I am just fixing some a bug. This is the correct mode setting. Thanks.
Q("#toggler").click(function() {
var mode = this.mode ? false : true;
this.mode = !mode;
Q("form#the_form input.id").each(function(){
this.checked = mode;
});
Q(this).text(!mode ? 'check all' : 'uncheck all');
return false;
});
I have a simple toggler to mass select (unselect) all input checkboxes with the "id" class in a form. It should be triggered from an anchor tag and have its text updated.
The things I don't like are the hard codings of the "mode" and the anchor text labels.