The JavaScript Source: Forms : Checkbox Text

General

The user no longer needs to click precisely on the checkbox to check and uncheck it. Clicking the text after the checkbox will also select it.

Notes

Posted: July 20, 2000

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: checkboxText.js

/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by:  |  */

function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="checkboxText.js"></script>

Body

Paste this code into the BODY section of your HTML document


<form name=demoform>
<input type=checkbox name=agreebox>
<a href="" onClick="changeBox('document.demoform.agreebox');return false">Clicking this text also checks the box to the left.</a>
</form>

User Comments

Add a comment, suggestion, or correction

Comments feed

Do you write JavaScripts?
If you do, why not submit them to us?
We'll give you credit and a link back to your Web site.

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

1. From: Siraj Ali
Check Box script
04/03/2008 02:07:52

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

1. From: Siraj AliCheck Box script04/03/2008 02:07:52

1. From: Siraj Ali
Check Box script
04/03/2008 02:07:52