Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > ASP .Net > ASP General > 2 questions about checkbox into form

Reply
Thread Tools

2 questions about checkbox into form

 
 
Fred
Guest
Posts: n/a
 
      10-24-2004
Hi,

I defined a form consisting of checkboxes like:
<form>
<input type="checkbox" name=ck id=ck onclick="check(this.form)"
<input type="checkbox" name=ck id=ck onclick="check(this.form)"
.....
<input type="checkbox" name=ck id=ck onclick="check(this.form)"
</form>

1) when this function is ran, if there is only ONE checkbox into the form, i
get in the first ALERT: "undefined" and the second gives a value of 0. When
there are 2 ore more, i get the exact length and the right number of checked
checkboxes..
My question is: why and how to solve this?
function check(form)
{
var total = 0;
var mx = form.ck.length;
alert(mx)

for (var x = 0; x < mx; x++)
{
if (eval("document.chk.ck[" + x + "].checked") == true)
{ total += 1 }
}
alert(total)


2) When one checkbox is checked, i would like to disabeld all the others,
because only one may be checked.
I tried different ways, but no succesfully (in the same function as above):
"impossible to affect to a result of function" (or something ..)

if (total==1)
{
for (var x = 0; x < mx; x++)
{
if (eval("document.chk.ck[" + x + "].checked") == false)
{eval("document.chk.ck[" + x + "].disabled") = true}
}
}

Thanks again for any hints
Fred




 
Reply With Quote
 
 
 
 
thorpe
Guest
Posts: n/a
 
      10-24-2004
what makes you think this has anything to do with asp?

"Fred" <(E-Mail Removed)> wrote in message
news:u#(E-Mail Removed)...
> Hi,
>
> I defined a form consisting of checkboxes like:
> <form>
> <input type="checkbox" name=ck id=ck onclick="check(this.form)"
> <input type="checkbox" name=ck id=ck onclick="check(this.form)"
> ....
> <input type="checkbox" name=ck id=ck onclick="check(this.form)"
> </form>
>
> 1) when this function is ran, if there is only ONE checkbox into the form,

i
> get in the first ALERT: "undefined" and the second gives a value of 0.

When
> there are 2 ore more, i get the exact length and the right number of

checked
> checkboxes..
> My question is: why and how to solve this?
> function check(form)
> {
> var total = 0;
> var mx = form.ck.length;
> alert(mx)
>
> for (var x = 0; x < mx; x++)
> {
> if (eval("document.chk.ck[" + x + "].checked") == true)
> { total += 1 }
> }
> alert(total)
>
>
> 2) When one checkbox is checked, i would like to disabeld all the others,
> because only one may be checked.
> I tried different ways, but no succesfully (in the same function as

above):
> "impossible to affect to a result of function" (or something ..)
>
> if (total==1)
> {
> for (var x = 0; x < mx; x++)
> {
> if (eval("document.chk.ck[" + x + "].checked") == false)
> {eval("document.chk.ck[" + x + "].disabled") = true}
> }
> }
>
> Thanks again for any hints
> Fred
>
>
>
>



 
Reply With Quote
 
 
 
 
Bob Barrows [MVP]
Guest
Posts: n/a
 
      10-24-2004
As thorpe says, this has nothing to do with ASP, and should have been posted
to a javascript or client-side scripting newsgroup, such as
..scripting.jscript, or one of the groups with "dhtml" in their names.
However, I will attempt to answer this below, so that your time will not
have been totally wasted. Please followup in the appropriate newsgroup
however. (cc'ed and Followup-to set to microsoft.public.scripting.jscript)
Fred wrote:
> Hi,
>
> I defined a form consisting of checkboxes like:
> <form>
> <input type="checkbox" name=ck id=ck onclick="check(this.form)"
> <input type="checkbox" name=ck id=ck onclick="check(this.form)"
> ....
> <input type="checkbox" name=ck id=ck onclick="check(this.form)"


You should give each checkbox a unique id, keeping the names the same:
<input type="checkbox" name=ck id=ck1 onclick="check(this.form)"
<input type="checkbox" name=ck id=ck2 onclick="check(this.form)"
.....
<input type="checkbox" name=ck id=ck4 onclick="check(this.form)"


> </form>
>
> 1) when this function is ran, if there is only ONE checkbox into the
> form, i get in the first ALERT: "undefined" and the second gives a
> value of 0. When there are 2 ore more, i get the exact length and the
> right number of checked checkboxes..
> My question is: why and how to solve this?
> function check(form)
> {
> var total = 0;
> var mx = form.ck.length;
> alert(mx)
>
> for (var x = 0; x < mx; x++)
> {
> if (eval("document.chk.ck[" + x + "].checked") == true)


Get out of the habit of using eval. It is not necessary. A better technique
in this case would be:

var cks=document.getElementsByName("ck"),total = 0
for (var x = 0; x < cks.length; x++)
{
if (cks[x].checked == true)
{total += 1}
}

alert(total);


> 2) When one checkbox is checked, i would like to disabeld all the
> others, because only one may be checked.
> I tried different ways, but no succesfully (in the same function as
> above): "impossible to affect to a result of function" (or something
> ..)


The best way to do this would be to use radio buttons instead of checkboxes.
The page would handle this for you. However,

>
> if (total==1)
> {
> for (var x = 0; x < mx; x++)
> {
> if (eval("document.chk.ck[" + x + "].checked") == false)
> {eval("document.chk.ck[" + x + "].disabled") = true}
> }
> }
>


Again with the eval! ugh! Try this:

<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function check(obj)
{
var cks=document.getElementsByName("ck")
for (var x = 0; x < cks.length; x++)
{
if (cks[x].id != obj.id)
{
cks[x].checked=false;
cks[x].disabled=obj.checked;
}
}
}
</SCRIPT>
</HEAD>
<BODY>
<form id="frm1" method="post">
<INPUT type="checkbox" id="ck1" name="ck" value="1" onclick="check(this)">
<INPUT type="checkbox" id="ck2" name="ck" value="2" onclick="check(this)">
<INPUT type="checkbox" id="ck3" name="ck" value="3" onclick="check(this)">
<INPUT type="checkbox" id="ck4" name="ck" value="4" onclick="check(this)">
<INPUT type="submit" value="Submit" id=submit1 name=submit1>

</form>




Bob Barrows

--
Microsoft MVP - ASP/ASP.NET
Please reply to the newsgroup. This email account is my spam trap so I
don't check it very often. If you must reply off-line, then remove the
"NO SPAM"


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
ASPNET CheckBox and a CheckBox in a TemplateField Jason Huang ASP .Net 0 06-29-2007 12:35 AM
DataGrid and embeded Checkbox..How to find if checkbox clicked =?Utf-8?B?RG90TmV0RGV2?= ASP .Net 1 10-06-2006 04:11 PM
disable checkbox list checkbox Vikram ASP .Net 1 01-25-2006 02:59 PM
Howto bind CheckBox to the datagrid/ Then update the database field when the checkbox is clicked. Joey Pang ASP .Net Datagrid Control 4 06-13-2005 02:29 AM
Text on Checkbox below the checkbox tshad ASP .Net 0 04-14-2005 11:26 PM



Advertisments