Question

113

changing ''checked' attribute of a checkbox using javascript

rated 0 times [ 115] [ 2] / answers: 1 / hits: 49827 / 12 Years ago, tue, august 21, 2012, 12:00:00

right now when it first loads the html page, my checkbox was created in this way:

<input type=checkbox id=CBOX1 name=CBOX1 onclick=onCBOX(this) disabled/>

in a function in on the same html:

boolean checked = true;

document.theForm.elements['CBOX1'].checked = true;

For some reason, the checked box value is not checked when the function is called later on the page. Is it because when i first created the checkbox, i created it without a 'checked' attribute? And then when i assign it a value, the element doesnt seem to include the checked attribute anymore as when i check on the source of the page. its still the same...

<input type=checkbox id=CBOX1 name=CBOX1 onclick=onCBOX(this) disabled/>

For simplicity sake, i know for sure that there were changes made to other attributes of this element using AJAX, but i am at a loss to WHY the checked attribute is not carried over... What's the alternative?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

quentinaveryb

Add To Favorites

Follow

Total Points: 102

Total Questions: 100

Total Answers: 93

Location: Colombia

Member since Mon, May 2, 2022

2 Years ago

quentinaveryb questions

1 How to use annotation layer in PDF.js?

Thu, Aug 6, 20, 00:00, 4 Years ago

1 Cannot assign to read only property of #< Object> using React with Recoil

Sat, Jul 18, 20, 00:00, 4 Years ago

1 Strapi JWT token lifetime?

Fri, Jul 17, 20, 00:00, 4 Years ago

1 What is the difference between async await and a regular fetch?

Tue, Feb 4, 20, 00:00, 4 Years ago

1 How do I include a JavaScript variable in an HTML header?

Mon, Aug 12, 19, 00:00, 5 Years ago

View All

answered 12 Years ago kurtisl · Accepted Answer

Check the checkbox:

document.theForm.elements['CBOX1'].checked = true;

document.theForm.elements['CBOX1'].checked = checked;

Uncheck the checkbox:

document.theForm.elements['CBOX1'].checked = false;

If you want it unchecked on load then don't touch it, by default it is unchecked.

Moreover, no click events will be registered if you use the disabled attribute on your input field.

See this jsfiddle for an example.

EDIT

If clickability is not the issue then just do what I already pointed out. Here is a full working example.

<html>

 <head>

 </head>

 <body>

  <input id=tar type=checkbox disabled />

  <input type=checkbox onclick=callFunc(this) />

  <script type=text/javascript>

   function callFunc(elem){

    document.getElementById(tar).checked = elem.checked;

   }

  </script>

 </body>

</html>