Check Checkbox that Checks another Checkbox in jQuery

Question

I can NOT produce a jquery code to make Darc checked (below) when I manually check Darc (above) And the same with the rest two.
check Darc above --> Darc needs to be automatically checked below
check LaVoiture above --> Lavoiture needs to be automatically checked below
check Gerli above --> Gerli needs to be automatically checked below.

Makes sense?

Ive made another jquery code for another exact same situation BUT I cant adapt it for this case.

Can somebody please write the code in that link i posted above where its the live code?

Guys, this code works BUT its for that particular situation: jsfiddle.net/F7nBL/6/

Can soembody ADAPT it to this current situation taht im presenting here? maybe this way is easier

Say that 10 times, fast.

Stephen
– Stephen

2010-12-15 22:40:52 +00:00
Commented Dec 15, 2010 at 22:40 — Stephen
– Stephen, Commented Dec 15, 2010 at 22:40

FatherStorm · Accepted Answer · 2010-12-15 22:55:20Z

1

Fixed in fork *note actually fixed now. did a fork instead of an update...

logic behid it is, give all checkboxes the same class, 'checkDbl' and give each matching pair of checkboxes the same class, Darc, VL, Geril and a rel that matches that second class. then tie a onChange to the class checkDbl that changes all elements fo the class that is the same as THIS rel to be the same checked state...

 $('.checkDbl').change(function(){
       $('.'+$(this).attr('rel')).attr('checked',$(this).attr('checked'));
    });

edited Dec 15, 2010 at 22:55

answered Dec 15, 2010 at 22:47

FatherStorm

7,1711 gold badge24 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Thomas Langston Over a year ago

The checkDbl class wasn't assigned to the checkboxes when I looked.

sebas Over a year ago

I understand what your u are saying but its not working when u check it

sebas Over a year ago

you are my hero, btw how can i contact you? maybe i can hire you in the near future for other projects

FatherStorm Over a year ago

find me by way of fatherstorm.com

Šime Vidas Over a year ago

@Father You are creating the $(this) object two times. You can optimize your code by caching the object: var $this = $(this);

Joris · Accepted Answer · 2010-12-15 23:15:09Z

1

If you are looking for code that works on your existing HTML, the following should work

$("input[type=checkbox]").click(function(){
    var id = $(this).attr("id");
    var fieldName = id.substring(id.lastIndexOf("_")+1);
    var checked = $(this).attr("checked");
    $("div label").each(function(){
        var text= $(this).text().trim();
        if (fieldName == text){
            $(this).find("input").attr("checked",checked);
        }

    });
});

It is probably not the most efficient code, but it does the job. Not that you'll need to change the id of the Darc checkbox to CustomFields[25_3]_Darc instead of CustomFields[25_3]_Dark for it to work on the Darc checkbox.

answered Dec 15, 2010 at 23:15

Joris

3,2302 gold badges25 silver badges20 bronze badges

Collectives™ on Stack Overflow

Check Checkbox that Checks another Checkbox in jQuery

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related