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.

Reply via email to