Matching array values with checkbox id and making checked=false

Question

1.00/5 (1 vote)

See more:

i have 9 checkboxes whose id will be from 1-9. I have an array which consists of numbers like var arr = [1,3,4,5,6,7]. now the checkboxes should be unchecked for those which are not present in the array (in arr array numbers 2,8,9 are not present). so for numbers 2,8,9 the chechboxes should be unchecked and for the numbers in the array should be checked.

chechbox 1: checked

chechbox 3: checked

chechbox 4: checked

chechbox 5: checked

chechbox 6: checked

chechbox 7: checked

What I have tried:

JavaScript

for(var x=0;x<9;x++)
{
if(x==arr[x]
{
document.getElementById(x).checked=true;
}
}

Posted 5-Apr-17 3:21am

R!sh!

Updated 5-Apr-17 3:37am

Add a Solution

Comments

Wessel Beulink 5-Apr-17 9:26am

What framework are you using? In mvc c# you should fix this in the controller. For php you have function witch already do this for you.

1 solution

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)

Karthik_Mahalingam · Accepted Answer · 2017-04-05T03:37:00

Solution 1

try

var arr = [1, 3, 4, 5, 6, 7];
        for (var x = 1; x <= 9; x++) { 
            document.getElementById(x).checked = arr.indexOf(x) > -1;
        }

refer JavaScript Array indexOf() Method[^]

Demo: - JSFiddle[^]

Posted 5-Apr-17 3:37am

Karthik_Mahalingam

Updated 5-Apr-17 3:44am

v2

Comments

Wessel Beulink 5-Apr-17 9:41am

Why should you use javaScript to handle checkboxes?

Karthik_Mahalingam 5-Apr-17 9:45am

since the OP has posted this question under the tag "Javascript"

Wessel Beulink 5-Apr-17 9:55am

fair enough.

Karthik_Mahalingam 5-Apr-17 9:58am

:)

R!sh! 5-Apr-17 23:52pm

I have written everything in javascript.

Karthik_Mahalingam 5-Apr-17 23:53pm

Ok. Is this working?

R!sh! 6-Apr-17 0:13am

ya its working. but when i put the same code in mine application, it's not working. i am getting those arr values from other file.

Karthik_Mahalingam 6-Apr-17 0:14am

Place the JavaScript at the bottom of your page
Before the end of body tag

R!sh! 6-Apr-17 0:17am

i am getting those arr values from another perl file. it will be like 1**3**4**5**6**7. i used split("**") and the output is like 1,3,4,5,6,7.
i am storing those 1,3,4,5,6,7 in var arr. This is what i am doing.

Karthik_Mahalingam 6-Apr-17 0:18am

Post your complete code

R!sh! 6-Apr-17 0:22am

function go1(atoma)
{
var cnt = document.getElementById('tot_cnt').value;// cnt(count) value is 9
var atomss = atoma.split("**");
for (x=1;x<=cnt;x++)
{
document.getElementById(x).checked = atomss.indexOf(x) > -1;
}

// in the beginning all the checkboxes will be checked.
// after using the same code all the checkboxes will be unchecked.

Karthik_Mahalingam 6-Apr-17 0:43am

what do you pass in atoma

R!sh! 6-Apr-17 0:47am

atoma will have 1**3**4**5**6**7. but i am getting that it will string datatype or any other datatype.
the function is calling. no problem with function calling.

Karthik_Mahalingam 6-Apr-17 0:45am

is this function called?
put an alert() and check

R!sh! 6-Apr-17 1:04am

try this code.
i got it.
var atomss = atoma.split("**");
atomss.join("");
var res123 = String(atomss);
for (x=1;x<=cnt;x++)
{
document.getElementById(x).checked = res123.indexOf(x) > -1;
}

Karthik_Mahalingam 6-Apr-17 1:22am

try

var atomss = atoma.split("**");
for (x = 1; x <= cnt; x++) {
document.getElementById(x).checked = atomss.indexOf(x) > -1;
}

R!sh! 6-Apr-17 7:15am

yup done.
Thank you..!!

Karthik_Mahalingam 6-Apr-17 7:17am

welcome