JavaScript - Autosum W/out Checkboxes

Hi all,

I have a form with a number of checkboxes. The 1st one is "Select All".
When this checkbox is ticked I would like to disable all others. When the "Select All" checkbox is unticked, all checkboxes should be enabled.

Can anyone tell me how to do this? is JQuery the preferred method these days?

Thanks in advance

irst post here, i'll try to be simple: I need to create a form where participants of a medical convention register to classes, each class lasts 3 hours, so a person who wants to attend to class starting at 10 am cannot register to 11 am, 12pm and 1pm classes, but he can register to 2pm and so on.

There are 3 different classes per hour.

i thought doing this using javascript, but i'm absolutely lost.

Can you please give me a hint on how to do this?

Thanks!!

this is the part of the form that has the checkboxes.

<form method="post" action="process.php"></form>
<input type="checkbox" value="101" name="convention1"> 10 am: Cariovascular desease<br>
<input type="checkbox" value="102" name="convention2"> 10 am: Changes on toracic surgeon<br>
<input type="checkbox" value="103" name="convention3"> 10 am: New drugs on heart<br>
<input type="checkbox" value="111" name="convention4"> 11 am: New drugs on heart (II)<br>
<input type="checkbox" value="112" name="convention5"> 11 am: Dynamic process on blood pressure<br>
<input type="checkbox" value="113" name="convention6"> 11 am: Aortic disease<br>
<input type="checkbox" value="121" name="convention7"> 12 am: Pulmonar Pressure<br>
<input type="checkbox" value="122" name="convention8"> 12 am: Open table<br>
<input type="checkbox" value="131" name="convention9"> 1 pm: Neurological aspects on heart rate<br>
<input type="checkbox" value="132" name="convention10"> 1 pm: Cardiovascular disease (II)<br>
<input type="checkbox" value="133" name="convention11"> 1 pm: Mioresponse on heart failure<br>
<input type="checkbox" value="141" name="convention12"> 2 pm<br>
<input type="checkbox" value="142" name="convention13"> 2 pm<br>
<input type="checkbox" value="143" name="convention14"> 2 pm<br>
<input type="checkbox" value="151" name="convention15"> 3 pm<br>
<input type="checkbox" value="152" name="convention16"> 3 pm<br>
<input type="checkbox" value="153" name="convention17"> 3 pm<br>
<input type="submit"></input>
</form>

Hello, today I am trying to allow a user to easily uncheck/check all checkboxes in a form by checking or unchecking a checkbox.

The checkboxes would be in a form like so:
Code:

<form action="" method="post">
<input type="checkbox" name="checked[]" value="1">
<input type="checkbox" name="checked[]" value="2">
<input type="checkbox" name="checked[]" value="3">
<input type="checkbox" name="checked[]" value="4">
</form>

I use an event handler to call a function:
Code:

<input type="checkbox" name="checkall" onchange="checkall('checked[]', this.checked)">

And here is the function:
Code:

function checkall(box_name, current_state) {
	all = document.getElementsByName(box_name);
	action = (current_state ==  "checked") ? "false" : "true";
	for (i = 0; i < all.length; i++) {
		all[i].checked=action;
	}
}

The event handler should pass the name of the checkboxes and whether the "check all" checkbox is currently checked or not to the checkall() function. Nothing happens when I check/uncheck the "check all" function. Help?

I am trying to get a link that when clicked it will check all the checkboxes in my form.

My problem is that my values are stored in an array:
<INPUT TYPE=\"checkbox\" name=\"emailArray[]\" value=\"$email\">


print"<br><a href=\"#\" onClick=\"checkAll()\">check all</a><br>";

Here is my javascript function :
function checkAll(){
alert('hi');
var df = document.selectEmailForm.elements;

for (var i = 0; i < df.length; i++) {
if (df[i].name == "emailArray[]" ) {
document.selectEmailForm.emailArray[i].checked=true;
}
}
}

Any ideas? Any help is greatly appreciated.
Thanks for your time!

Hello,

I have a form generated by mySQL and PHP, and inside the form (named 'UpdateDB') each line has checkboxes, like so:

Code:

<input type="checkbox" name="checkbox[]" value="96" onclick="highlight(this,'check_96')">

The onclick is to highlight the row, that works fine. However, I wrote a javascript function that toggles the select all the checkboxes or none. This is done by an image:

Code:

<img src="img/select.png" align="top">
<a href="#" onClick="togBox('updateDB');"><img src="img/all.png" name="listToggle" align="top"></a>

Easy, right? So heres the Javascript function that the above image (the 'none' part) links to:

Code:

function togBox(form) 
	{	var myForm = document.forms[form];
		document.listToggle.src=='http://gospeltruth.tv/admin/img/all.png' ? toggle = true : toggle = false;
		(toggle) ? document.listToggle.src='img/none.png' : document.listToggle.src='img/all.png';
		for( var i=0; i < myForm.length; i++ ) 
		{ 
			(toggle) ? myForm.elements[i].checked = 'checked' : myForm.elements[i].checked = '';
		}
	}

Its a brilliant function if I do say so myself, and this is what I dont get: two days ago, it was working fine, today, its not working at all. The image changes, but IE flags up the 'myForm.length' as an error.

How was it working 2 days ago and not today, when I havent touched it? Can anybody advise why its not currently working?

Thanks for your help,

~Chud37

Hi Guys,

I'm currently working on a page working with separate categories and a whole lotta check boxes. My objective is to have one checkbox deselect the other checkboxes in its category without interfering with the rest. How would I go about doing this assuming the id tag is already in use and differs per tag? I was thinking about cycling through all checkbox tags and sorting them out via class but I'm looking for something possibly more efficient.

Hello. How can you modify this code so that if you click a checkbox that is ALREADY CHECKED, it will remain checked?

By the way, I have searched the web on how to do this and the general consensus seems to be "use radio buttons instead", but I would not like to use radio buttons. I would like to use checkboxes, I think they look better for what I am trying to do. Thanks for any help

Code:

<input type="checkbox" id="ckbox1" onclick="if(this.checked){ document.myform.ckbox1.checked=true; document.myform.ckbox2.checked=false; document.myform.ckbox3.checked=false;}" checked="checked" />Best Match
<input type="checkbox" id="ckbox2" onclick="if(this.checked){ document.myform.ckbox1.checked=false; document.myform.ckbox2.checked=true; document.myform.ckbox3.checked=false;}" />All Words
<input type="checkbox" id="ckbox3" onclick="if(this.checked){ document.myform.ckbox1.checked=false; document.myform.ckbox2.checked=false; document.myform.ckbox3.checked=true;}" />Exact Phrase

i'm using
http://www.javascript-coder.com/html...lidation.phtml

now I want to know how to validate a checkbox

if i have

<input type=checkbox id="c2" name=33>dd&nbsp;<input type=checkbox id="c2" name=33>ff.aa&nbsp;<input type=checkbox id="c2" name=33>ddd&nbsp;

is it correct to have them all with the same id and how do I validate it using this validation routine?
(or if this one doesn't work is there a specific validation functions -your can recommend that are easy to use for all different types of input)

I have a group of checkboxes named "list[]". I want to validate that at least one is checked. How can I do this?

Hi, I have a few checkboxes in a form. Some of them work independently, but some make the others go on and off. Specifically the lower ones are controlling the upper ones. Can anyone explain why please?

Code:

<td>	
		<input type="checkbox" name="weddingitem1"  value="Toppers" id="Toppers"/><label for="Toppers" >Toppers<br />
		<input type="checkbox" name="weddingitem2"  value="Champers" id="Champers"/><label for="Champers" >Champers<br />
		</td>

from a browser address bar command? say if a page has hundreds of checkboxes, and I needed to check them all, but only 2-3 should be left out, how do i input a browser command line, to check it all, so i will manually uncheck the 2 or 3 thats not needed?

Hi,

I'm currently designing a website for a takeaway company, and have one page displaying their menu. So that customers can easily calculate how much their takeaway will cost, I'm going to put checkboxes next to each item.

Each of the checkboxes' value will be the price of the item, and I need a script that will add the values (prices) of the checkboxes they've ticked.

They can then see the total cost of their takeaway without having to work it out, and add or remove items accordingly. I will then add a button which will print out a list of the items they ticked with the total price at the bottom. The customer can bring this in with them and the staff can easily see what they want and how much to charge them.
Firstly, I need to know how to make Javascript add these values (and probably save them as a variable) Secondly, how would I make this display on the page (either after they click a button, or automatically so they can see the price real-time)? - I assume this would be basic coding --- Code:

document.write(var)

And finally, how could I make a script which would print only the items which are ticked, and the total price?

Any help with this, even if you can only answer one of the questions, would be much appreciated.

Thanks in advance!

--
AJE

All,

I wish to allow the use of a checkbox based on which radio button is selected.

Pseudo Code:

IF RadioButton "Adult_or_Child"= Adult
Then Checkbox "Pensioner" = Available to click
End IF
Else
IF RadioButton "Adult_or_Child"= Child
Then Checkbox "Pensioner" = Not Available to click.
End If
As you can see, a person can be an adult and a pensioner but not a child and a pensioner.

Thanks for your help.


Dan

Hi, I basically want my program to do this.
Show a checkbox list with names of the coins. The user picks the coins he/she has and presses submit.
Then prompt boxes show up asking how many toonies you have (if the user selected toonies) and it does that for each one that has been checked marked.

I've tried this

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Change Calculator</title>
</head>
<body bgcolor="lightgreen">
<center>
&nbsp
<h1>What coins do you have?</h1>
<html>
<form name="form1" onsubmit="return validate(this)">
<input type="checkbox" name="coins" value="Toonies">Toonies
<input type="checkbox" name="coins" value="Loonies">Loonies
<input type="checkbox" name="coins" value="Quarters">Quarters
<input type="checkbox" name="coins" value="Dimes">Dimes
<input type="checkbox" name="coins" value="Nickels">Nickels
<input type="checkbox" name="coins" value="Pennies">Pennies
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</center>
</html>
<script language="JavaScript" type="text/javascript">
<!--My Change calculator by: Arik Chowdhury//-->
function validate(form1) {
var coinslist = "";
with(document.form1) {
for(var i = 0; i < coins.length; i++){
if(coins[i].checked) {
coinslist += coins[i].value + "\n";
}
}
}
if(coinslist == "") {
alert("Select coins");
} else {
prompt(coinslist);
}
return false;
}
var toonies
var loonies
var quarters
var dimes
var pennies
var nickels
</script>
</body>
</html>

Can someone please help, I don't understand why my code doesn't work?!
I just want to check to see if a checkbox has been checked...


Code:

<script language="JAVASCRIPT" type="text/djs">
function checkCheckBoxes() {
if (document.f1.Times[].checked == false
{
alert ('You didn\'t choose any of the checkboxes!');
return false;
}
else
{
return true;
}
}
</script>


<form onsubmit="return checkCheckBoxes();" action="add-booking-script.php" name="f1" method="post">
<input type="checkbox" name="Times[]" value="07:00:00"> 07:00 - 10:00<br />
									<input type="checkbox" name="Times[]" value="10:00:00"> 10:00 - 13:00<br />
									<input type="checkbox" name="Times[]" value="13:00:00"> 13:00 - 16:00<br />
									<input type="checkbox" name="Times[]" value="16:00:00"> 16:00 - 19:00<br />
</form>