Thanks all for your solution.
Just to wrap up the point that Karl raised about
the $(this).attr('checked', true) part - in my earlier attempts I
didn't have that in, but I found that clicking the check box wouldn't
check/uncheck it by default. The background colour change was fired,
but the checkbox was left unchanged.
Anyway, with the solutions you kindly provided, that is now neither
here or there.
Cheers,
Bruce
- At 03:52 p.m. 3/04/2008, you wrote:
*head smack* I missed that version of the function. It's definitely
not something I've used.
Karl Rudd
On Thu, Apr 3, 2008 at 1:47 PM, Karl Swedberg <[EMAIL PROTECTED]> wrote:
>
> Actually, .toggle() is a little like .load() in that it can be
used for two
> different things. There is the .toggle() effect and the .toggle(fn, fn)
> event, with the .toggle(fn, fn) doing an "every other" event thing.
>
>
> http://docs.jquery.com/Effects/toggle
> http://docs.jquery.com/Events/toggle#fnfn
>
> Still, Bruce's $(this).attr('checked', true) part doesn't make much sense
> because clicking a checkbox will check/uncheck it by default. Setting the
> checked attribute only seems to make sense when it's being
triggered by some
> other element. Or maybe I'm missing something.
>
>
> --Karl
> _________________
> Karl Swedberg
> www.englishrules.com
> www.learningjquery.com
>
>
>
>
>
> On Apr 2, 2008, at 10:23 PM, Karl Rudd wrote:
>
>
> >
> > The "toggle()" function is used to hide and show items, nothing to do
> > with clicking or changing of state.
> >
> > http://docs.jquery.com/Effects/toggle
> >
> > What you want is something like:
> >
> > $('[EMAIL PROTECTED]').click(
> > function() {
> > if ( this.checked )
> >
>
$(this).parents('tr').animate({backgroundColor:'#9C3'},2000).animate({backgroundColor:'#FFF'},1000);
> > else
> >
>
$(this).parents('tr').animate({backgroundColor:'#9C3'},2000).animate({backgroundColor:'#E0F88F'},1000);
> > }
> > );
> >
> > Karl Rudd
> >
> > On Thu, Apr 3, 2008 at 12:41 PM, Bruce MacKay <[EMAIL PROTECTED]>
> wrote:
> >
> > >
> > > Hello folks,
> > >
> > > I have a table of data, with each row containing a checkbox. What I
> want
> > > users to be able to do is tick the box of each row of data they want to
> > > delete (and after ticking, they will submit the form etc etc.
> > >
> > > As a visual aid, I want to alter the background colour of the row - and
> if
> > > they untick a selection, to reverse that background colour change.
> > >
> > > My code as follows achieves the background colour toggle, but the
> > > checkboxes are neither checked or unchecked.
> > >
> > > I'd appreciate someone pointing out my error?
> > >
> > >
> > > $('[EMAIL PROTECTED]').toggle(
> > > function() {
> > > $(this).attr('checked',true);
> > >
> > >
>
$(this).parents('tr').animate({backgroundColor:'#9C3'},2000).animate({backgroundColor:'#FFF'},1000);
> > > },
> > > function() {
> > > $(this).attr('checked',false);
> > >
> > >
>
$(this).parents('tr').animate({backgroundColor:'#9C3'},2000).animate({backgroundColor:'#E0F88F'},1000);
> > > }
> > > );
> > >
> > > Thanks
> > > Bruce
> > >
> >
>
>
