I have a form with 200 plus checkboxes. When the checkbox is checked onClick passes (this) to a Javascript function. I need to get the element array ID of the just checked checkbox into a numeric variable. The following routine never finds a match. The value returned in thisCheckID is blank when I send it to a text field.
function getcheckboxid(formobj)
{
var checkboxname=formobj.name;
var checks = document.getElementsByTagN
var len = checks.length;
var thisCheck, thisCheckID;
for (var i = 0; i < len; i++)
{
if (checks[i].name == checkboxname)
{
thisCheckID = checks[i].id;
}
document.form1.text1.value
}
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
There is no manually assigned ID in the control. The ID I am talking about is the DOM element[i] array ID. I am testing on the 8th control in the form which is a checkbox named SD1A. I can access the checkbox name by:
var checkboxname=document.theF
I can also access the checkbox name by:
var checkboxname=document.theF
If I pass the checkbox object (this) to a function as myObj I can get the name by:
var checkboxname=myObj.name
What I want to do is find the element array ID of the checkbox which in this case is 8. Then I can access all 230 of the checkbox controls in my application by the theForm.element[i]
Maybe there is no way query that from the Object itself.
Thanks,
Gerry
ok that's clearer.
try,
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Third Santor</title>
<script>
var numChecks = 1;
function getcheckboxid(formobj){
var index = 0;
formobj.setAttribute('tag'
var checkboxname=formobj.name;
var checks = document.getElementsByTagN
var len = checks.length;
var thisCheck, thisCheckID;
for (var i = 0; i < len; i++){
if(checks[i].type == 'checkbox'){
if (checks[i].getAttribute('t
thisCheckID = i;
break;
}
}
}
numChecks++;
document.theForm.text1.val
}
window.onload = function(){
var obj = document.theForm;
for(var i=0; i<obj.length; i++){
if(obj.elements[i].type == 'checkbox'){
obj.elements[i].onclick = function(){
getcheckboxid(this);
}
}
}
}
</script>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<form name="theForm" method="post" action="" onsubmit="return ">
<input type="checkbox" name="SD1A"><br>
<input type="checkbox" name="SD1A"><br>
<input type="checkbox" name="SD1A"><br>
<input type="text" name="text1">
</form>
</body>
</html>
That did it. It did not dawn on me to just use the loop counter i, to get the array index. I can see now that I could also access the array index of a checkbox by name if each checkbox had a different name.
I need store other prompted data for each checkbox selected. By using the index, I can store data associated with each of the 200+ checkboxes in a couple of arrays instead of in 400+ hidden fields.
Thank you,
Gerry
hey check this out...
<script>
function ChkChecked(txtbox,chk)
{
if(chk.checked)
{
txtbox.value = ConcatStr(txtbox.value,chk
}
else
{
txtbox.value = ChkCheckboxes(txtbox.value
}
}
function ConcatStr(XVal,NewVal)
{
XVal += ',' + NewVal
if(XVal.substr(0,1) == ',')
{
XVal = XVal.substr(1,XVal.length)
}
return XVal;
}
function ChkCheckboxes(txtvals,ChkV
{
var tmpary = new Array();
var iLoop;
var Result;
tmpary = txtvals.split(",")
Result = '';
for(iLoop=0;iLoop {
if(tmpary[iLoop]!=ChkVal)
{
Result = ConcatStr(Result,tmpary[iL
}
}
return Result;
alert(Result);
}
function SetAllCheckBoxes(FormName,
{
if(!document.forms[FormNam
return;
var objCheckBoxes = document.forms[FormName].e
if(!objCheckBoxes)
return;
var countCheckBoxes = objCheckBoxes.length;
//alert(countCheckBoxes);
if(!countCheckBoxes)
objCheckBoxes.checked = CheckValue;
else
// set the check value for all check boxes
var txtbox = document.getElementById("h
if(document.forms[FormName
{
for(var i = 0; i < countCheckBoxes; i++)
objCheckBoxes[i].checked = true;
}
else
{
for(var i = 0; i < countCheckBoxes; i++)
objCheckBoxes[i].checked = false;
}
if(txtbox.value="")
{
for(var i = 0; i < countCheckBoxes; i++)
{
ChkChecked(txtbox,objCheck
}
}
else
{
txtbox.value="";
for(var i = 0; i < countCheckBoxes; i++)
{
ChkChecked(txtbox,objCheck
}
}
}
</script>
<FORM NAME="dd" METHOD="get">
<input type="text" name="hdn">
<INPUT TYPE="checkbox" name="aa" value="chk1" önclick=ChkChecked(dd.hdn,
<INPUT TYPE="checkbox" name="aa" value="chk2" önclick=ChkChecked(dd.hdn,
<INPUT TYPE="checkbox" name="aa" value="chk3" önclick=ChkChecked(dd.hdn,
<INPUT TYPE="checkbox" name="aa" value="chk4" önclick=ChkChecked(dd.hdn,
<INPUT TYPE="checkbox" name="all" value="chkall" önclick=SetAllCheckBoxes('
</FORM>
</html>
*** advert removed, mplungjan, ee page editor ***
@Satish: that would be in FF3, Safari and Opera only
http://www.quirksmode.org/
And please do not advertise in questions. - you can link to your site from your profile
Business Accounts
Answer for Membership
by: ZvonkoPosted on 2006-12-21 at 15:24:50ID: 18184228
Check this:
function getcheckboxid(theBox){
var theForm = theBox.form;
theForm.text1.value = theBox.id;
}