Javascript to check checkboxes?

Paul Rubin · Dec 28, 2003

Hi all. I'm wondering if there's a way to have checkboxes become
selected without clicking the mouse. Perhaps if you rollover the
checkboxes, they could toggle checked and unchecked? Or perhaps you
could click-and-hold and then drag across a series of checkboxes to
select them?

Please let me know,
Sincerely,
Paul Rubin
(e-mail address removed)

McKirahan · Dec 28, 2003

Paul Rubin said:
Hi all. I'm wondering if there's a way to have checkboxes become
selected without clicking the mouse. Perhaps if you rollover the
checkboxes, they could toggle checked and unchecked? Or perhaps you
could click-and-hold and then drag across a series of checkboxes to
select them?

Please let me know,
Sincerely,
Paul Rubin
(e-mail address removed)

Like the following? Watch for word-wrap.

<html>
<head>
<title>checkme.htm</title>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<form>
<input type="checkbox" name="box1" value="1" onmouseover="mouser()">
</form>
</body>
</html>

Janwillem Borleffs · Dec 29, 2003

McKirahan said:
function mouser() {
var form = document.forms[0];
if (form.box1.checked) {
form.box1.checked = false;
} else {
form.box1.checked = true;
}
}

Or:

function mouser() {
var theBox = document.forms[0].elements['box1'];
theBox.checked = !theBox.checked;
}

Depending on which syntax you prefer...

JW

Paul Rubin · Dec 29, 2003

Thanks for your kind reply. How about if there are a whole bunch of
checkboxes, with names, p.1, p.2, p.3, etc ???

I hope this can be incorporated!
Sincerely,
Paul Rubin
(e-mail address removed)

McKirahan said:
Paul Rubin said:

Hi all. I'm wondering if there's a way to have checkboxes become
selected without clicking the mouse. Perhaps if you rollover the
checkboxes, they could toggle checked and unchecked? Or perhaps you
could click-and-hold and then drag across a series of checkboxes to
select them?

Please let me know,
Sincerely,
Paul Rubin
(e-mail address removed)

Click to expand...

Like the following? Watch for word-wrap.

<html>
<head>
<title>checkme.htm</title>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<form>
<input type="checkbox" name="box1" value="1" onmouseover="mouser()">
</form>
</body>
</html>

McKirahan · Dec 29, 2003

Paul Rubin said:
Thanks for your kind reply. How about if there are a whole bunch of
checkboxes, with names, p.1, p.2, p.3, etc ???

I hope this can be incorporated!
Sincerely,
Paul Rubin
(e-mail address removed)

The following does what you want.
(I've used JW's elegant approach.)
Watch for word-wrap.

<html>
<head>
<title>checkers.htm</title>
</head>
<body>
<form>
<input type="checkbox" name="p.1" value="One"
onmouseover="this.checked=!this.checked">
<input type="checkbox" name="p.2" value="Two"
onmouseover="this.checked=!this.checked">
<input type="checkbox" name="p.3" value="Three"
onmouseover="this.checked=!this.checked">
<input type="checkbox" name="p.4" value="Four"
onmouseover="this.checked=!this.checked">
</form>
</body>
</html>

Paul Rubin · Dec 29, 2003

Works like a charm!
Thank you,
Sincerely,
Paul Rubin
(e-mail address removed)

How to check all the checkboxes if checkbox name is 'name[]'	9	Oct 28, 2008
Using one browse to control checkboxes in another	1	Jun 29, 2005
Submit adding back in checkboxes that were unchecked in javascript	2	Jan 18, 2005
Treeview With Checkboxes Problem	0	Jan 20, 2005
Clicking Anywhere in DataGrid Row to Check CheckBox	1	Nov 28, 2005
Javascript to select which page to go to	1	Jun 25, 2006
How to allow only one checkbox to be checked in a group of checkboxes	4	Jun 18, 2004
checkboxes add to a running total (in a form)???	4	Nov 22, 2003

Javascript to check checkboxes?

Paul Rubin

McKirahan

Janwillem Borleffs

Paul Rubin

McKirahan

Paul Rubin

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads