All checkboxes checked b4 submit...

[vanillapod]

Hi, i have virtually no experience of javascript so could do with some help!

I have an asp which lists clients from a database. Anyway next to each client there is a checkbox. Basically I need to be able to have the forms submit button disabled until all of the checkboxes on the page have been checked / selected.

I've seen posts of how one checkbox being clicked can enable a submit button but none to make sure all are checked b4 enabling it. The number of clients listed on the page varies although i guess i can use the number of rows returned in the recordset to determine how many checkboxes there are on the page?

Cheers

 

[jpbrassard]

Check out faq216-1048.

HTH,
jp

 

[vanillapod]

cheers for the reply jpbrassard but there dosen't seem to be an explanation of enabling a submit button once all checkboxes on the page have been checked...

 

[jpbrassard]

Hmm... true. Okay - what I'd do is make sure every checkbox has the same name (ex: 'test') then do something like:

[tt]function validateCheckbox(){
var objChkBox = document.getElementsByName('test');
var objButton = document.getElementById('submitButton');
var n = 0;
var bAllChecked = true;

for (n=0; n < objChxBox.length; n++) {
if (objChkBox[n].checked == false){
bAllChecked = false;
n = objChkBox.length; //set n to length, gets you out of the for loop
} else {
bAllChecked = true;
}
}

if (bAllChecked == true){
objButton.disabled = false;
} else {
objButton.disabled = true;
}
}

Try that and see if that helps.

HTH,
jp

 

[tlhawkins]

Hi Vanillapod,

try this script:

<script>
function validate_checks(aspform)
{	  
  for (var x=0; x<parseInt(aspform.elements.length); x++)
  {
    if (aspform.elements[x].type.indexOf(&quot;checkbox&quot;) != -1)
    {
	  if (aspform.elements[x].checked == false)
	  {
	    return false;
	  }	
	}
  }
  return true;
}
</script>

then use this in your form tag

onSubmit="return validate_checks(this);"

it will only allow the submit if every checkbox is checked no matter how many there are.

I hope it helps.



Travis Hawkins
BeachBum Software
travis@cfm2asp.com

http://www.beachbumsoftware.com

 

[tlhawkins]

Sorry JP

We must have posted at the same time.


Travis Hawkins
BeachBum Software
travis@cfm2asp.com

http://www.beachbumsoftware.com

 

[vanillapod]

Chers for th replys, I've tried the following:

<script>
function validate_checks(aspform)
{
for (var x=0; x<parseInt(aspform.elements.length); x++)
{
if (aspform.elements[x].type.indexOf(&quot;checkbox&quot != -1)
{
if (aspform.elements[x].checked == false)
{
return false;
}
}
}
return true;
}
</script>

In the head section of the page and then:

onSubmit=&quot;return validate_checks(this);&quot;

in my form tag but even with all the checkboxes on the screen checked it doesn't submit... i click the button and nothing happens...

do i have to call the checkboxes anything or can they have any name?

 

[tlhawkins]

Any name at all. the script just checks for what type the input is and if it is of &quot;CHECKBOX&quot; type then it validates it.



Travis Hawkins
BeachBum Software
travis@cfm2asp.com

http://www.beachbumsoftware.com