How do you check/uncheck a checkbox using Javascript

Printable View

Aug 1, 2003, 04:55
mumford1

How do you check/uncheck a checkbox using Javascript

Can anyone tell me how you check or uncheck a checkbox using javascript?
Aug 1, 2003, 05:00
vgarcia

Code:

document.[form name].[checkbox name].checked = true;

Replace [form name] and [checkbox name] with the names of your form and checkbox, respectively :). Set it to false to uncheck the box.
Aug 1, 2003, 05:27
Technosailor

hey vinnie, along these same lines....how would you refer to this element using getobjectbyid[]?
Aug 1, 2003, 05:47
mumford1

ta very much
Aug 1, 2003, 07:43
vgarcia

Quote:

Originally Posted by Sketch

hey vinnie, along these same lines....how would you refer to this element using getobjectbyid[]?

Not sure what you mean. Are you talking about getElementById? If you want full DOM compliance, then you can have something like this:

JS

Code:

document.getElementById("myCheckbox").setAttribute("checked", "checked");

HTML

Code:

<label for="myCheckbox">Restart server?</label> <input type="checkbox" name="myCheckbox" id="myCheckbox" />

If you're talking about something else, let me know and I'll try to work up a solution :).
Aug 1, 2003, 07:56
Technosailor

No that's what I meant. It just seems like using getelementbyid always coughs for form fields and I haven't been able to figure it all out yet.
Aug 1, 2003, 08:02
vgarcia

Quote:

Originally Posted by Sketch

No that's what I meant. It just seems like using getelementbyid always coughs for form fields and I haven't been able to figure it all out yet.

Form fields require a "name" attribute per the HTTP spec, and a lot of people forget to use IDs as well, which are required for <label> tags to work properly, as well as for scripts (scripts using getElementById() and getElementsByTagName() at least) to work properly. Another collection like getFormFieldsByName() would have been nice in the DOM to avoid this confusion and replace the old document.forms[].elements[] collections.
Aug 1, 2003, 08:27
beetle

True vinnie, but I still prefer the collections to the literal properties

this
document.forms['form1'].elements['input1']

rather than this
document.form1.input1

Sure, it's more typing, but FAR less problematic - and I'm not really that lazy to type a dozen extra characters
Aug 1, 2003, 09:05
vgarcia

Quote:

Originally Posted by beetle

True vinnie, but I still prefer the collections to the literal properties

this
document.forms['form1'].elements['input1']

rather than this
document.form1.input1

Sure, it's more typing, but FAR less problematic - and I'm not really that lazy to type a dozen extra characters

I agree; I was just giving the "quick-fix" version ;). The problem with the document.forms[] collection (or the shortened document.[form name] sytnax) as I understand it is that when XHTML is sent to the browser as XML the scripts using those collections will fail though.