Thanks Karl, I put that in and it almost worked perfectly but if there
are more then one the only one that works is the last one. I will try
and see if I can tweak it and get it working. Thanks a ton, I'm a lot
closer then I was before.
On Jan 23, 12:16 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> Hi dacoder,
>
> This should do it:
>
> $('a.giftwrap-check-img').click(function() {
> var $this = $(this);
> var imgSrc = $('img', this).attr('src');
> var checkedStatus = $this.next().is('input:checked');
> $this.find('img').attr({src: imgSrc == '/assets/images/
> icon_add.gif' ? '/assets/images/icon_x_remove.gif' : '/assets/images/
> icon_add.gif'});
> $this.next().attr({checked: checkedStatus == true ? '' : 'checked'});
> return false;
>
> });
>
> Toggles the child image's src and the next input's checked value.
>
> --Karl
> _________________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Jan 23, 2008, at 7:52 AM, dacoder wrote:
>
>
>
> > What I am trying to do is make it so a checkbox is checked if the user
> > clicks a link with an add image inside of it. If the user has clicked
> > the add button the check box gets checked and the image switches to a
> > remove image. If the user then clicks the remove image the check box
> > is unchecked. they are set up like the following.
>
> > <a href="#" class="giftwrap-check-img"><img src="/assets/images/
> > icon_add.gif" alt="" /></a>
> > <input type="checkbox" name="" class="giftwrap-check" value="">
>
> > these are in a table row and cell and depending on how many items are
> > in the table there could be multiple rows that have a link and check
> > box.
>
> > I have tried a lot of different ways but this was my first initial
> > attempt at it. I was able to get one working but not the other when
> > clicking the image again
>
> > $(".giftwrap-check").each(function(){
> > if ($(this).attr("checked")){
> > $(this).siblings(".giftwrap-check-
> > img").click(function(){
> > $(this).html("<img src=\"/assets/
> > images/icon_add.gif\" alt=\"\" />")
> > $(this).siblings(".giftwrap-
> > check").removeAttr("checked");
> > return false;
> > });
> > }else{
> > $(this).siblings(".giftwrap-check-
> > img").click(function(){
> > $(this).html("<img src=\"/assets/
> > images/icon_x_remove.gif\" alt=\"\" />")
> > $(this).siblings(".giftwrap-
> > check").attr("checked","checked");
> > return false;
> > });
> > }
> > });
>
> > here is another attempt at it
>
> > $(".giftwrap-check-img").click(function(){
> > var o = this;
> > $(".giftwrap-check-img").each(function(i){
> > if (this == o){
> > if ($(".giftwrap-check:eq(" + i +
> > ")").attr("checked") ){
> > $(".giftwrap-check:eq(" + i +
> > ")").removeAttr("checked");;
> > }else{
> > $(".giftwrap-check:eq(" + i +
> > ")").attr("checked","checked");
> > }
> > }
> > });
> > return false;
> > });
>
> > There might be some missing parts because I was just ripping these
> > things apart trying to get it to work.
