how to check a check box using javascript or jquery?

Question

0.00/5 (No votes)

See more:

HI Exports

i am facing difficult in the java-script,i am not getting how to carry on with this problem

my problem is

i have form where i am having country code , short country code , and check box

like

C#

countryCode shortcountrycode    check box

  1                  USD
  2                  INR
  3                  USD

now if i checked the no 1 check box the java-script should work like it should automatically check the 3rd check box because NO 1 and 3rd Checkbox shortcountrycode is same (USD).

Check-Box are generated dynamically

how to achieve it please help me

Posted 11-Sep-14 20:54pm

murkalkiran

Updated 11-Sep-14 23:28pm

v3

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Gihan Liyanage · Answer 1 · 2014-09-11T21:12:00

Solution 1

See this example on jsfiddle. But I didn't check any condition. As you mentioned you can set it by using the checkbox id, If it is not dynamic

http://jsfiddle.net/xjn3Q/65/[^]

Posted 11-Sep-14 21:12pm

Gihan Liyanage

Comments

murkalkiran 12-Sep-14 3:56am

Sorry Gihan Liyanage its check-box are generated dynamically

Brian A Stephens · Answer 2 · 2014-09-12T01:43:00

You should give each checkbox a property relating to its shortcountrycode. For instance:

HTML

<input type="checkbox" name="country" value="1" data-code="USD"></input>

Then set an event handler with jQuery for any box that's checked:

$(function() {
  $(document).on('change', '[name=country]', function() {
    if ($(this).is(':checked')) {
      var shortcode = $(this).data('code');

      $('input:checkbox[data-code=' + shortcode + ']').prop('checked', true);
    }
  });
});

Writing the event handler this way creates a delegated event handler, able to handle dynamically-created elements.