Understand advanced principals around Powershell Core with a focus on the Linux Administrator. This course covers how to administer numerous environments across multiple platforms including Linux, Azure, AWS, and Google Cloud from a single shell instance.
Solved
How do I loop through dynamic variables with jQuery?
Posted on 2011-03-10
I have a form where people can sign up for summer camps with optional lunch or after-camp babysitting, but they have to select a camp in order to be able to select the lunch/babysitting that goes with it. The form is generated from a database with the following code (basically):
I figured the best thing to do would be to set both the lunch and babysitting checkboxes to "disabled" to start then, when a Camp Name checkbox was checked, remove the disabled attribute for the corresponding lunch/babysitting boxes with something like this:
But, obviously, that won't work with the CF variables in there. Can you give me a hand? Thanks!
<cfoutput query="queryThatGotTheInfo">
<input type="checkbox" id="attending#camp_ID#">Camp Name
<input type="checkbox" id="lunch#camp_ID#" />Lunch
<input type="checkbox" id="babysitting#camp_ID#" />Babysitting
</cfoutput>
I figured the best thing to do would be to set both the lunch and babysitting checkboxes to "disabled" to start then, when a Camp Name checkbox was checked, remove the disabled attribute for the corresponding lunch/babysitting boxes with something like this:
function toggleOptions() {
if ($('#attending#camp_ID#').is(':checked')) {
$('#lunch#camp_ID#').removeAttr('disabled');
$('#babysitting#camp_ID#').removeAttr('disabled');
} else {
$('#lunch#camp_ID#').attr('disabled', true);
$('#babysitting#camp_ID#').attr('disabled', true);
}
}
But, obviously, that won't work with the CF variables in there. Can you give me a hand? Thanks!
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2 Comments
How about the following solution: add a classes to your checkboxes and disable the secondary like this:
Then, add the following to your document.ready handler:
<cfoutput query="queryThatGotTheInfo">
<input type="checkbox" class="attending" id="attending#camp_ID#">Camp Name
<input type="checkbox" disabled="disabled" id="lunch#camp_ID#" />Lunch
<input type="checkbox" disabled="disabled" id="babysitting#camp_ID#" />Babysitting
</cfoutput>
Then, add the following to your document.ready handler:
$$("input.attending").change(function() {
$(this).siblings().attr('disabled', !$(this).is(':checked'));
});
Active 2 days ago
Hey, I have a camp website that does a similar thing!
Check to choose a week for camp, then check off the days you want lunch...
Here's an idea of how you can do it. Call the javscript from onCheck and pass the ID of the records to your javascript, then your javascript can take that ID and figure out which check boxes to display or enable...
this is not tested, but the general idea..
<script>
function toggleOptions(ID) {
var attend = document.getElementById('attending'+ID);
var lunch = document.getElementById('lunch'+ID);
var baby = document.getElementById('babysitting'+ID);
if (attend.checked) {
lunch.disabled = false;
baby.disabled = false;
} else {
lunch.disabled = true;
baby.disabled = true;
}
}
</script>
<cfoutput query="queryThatGotTheInfo">
<input type="checkbox" id="attending#camp_ID#" onclick="toggleOptions(#camp_id#)">Camp Name
<input type="checkbox" id="lunch#camp_ID#" />Lunch
<input type="checkbox" id="babysitting#camp_ID#" />Babysitting
</cfoutput>
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
PROBLEM: How to open a cfwindow or run a function on double click of a cfgrid row.
One of my clients wanted to be able to double click on a row item to get more detailed information about a transaction and to be able to modify the line items i…
Today, I was working on some optimization and spam-stopping techniques when I encountered Ben Nadel's post to reduce spam feature using Math (http://www.bennadel.com/blog/197-How-I-Stop-Spammers-On-My-ColdFusion-Blog.htm). While this method is not o…
Visualize your data even better in Access queries. Given a date and a value, this lesson shows how to compare that value with the previous value, calculate the difference, and display a circle if the value is the same, an up triangle if it increased…
Have you created a query with information for a calendar? ... and then, abra-cadabra, the calendar is done?! I am going to show you how to make that happen.
Visualize your data! ... really see it
To use the code to create a calendar from a q…
Suggested Courses
Course of the Month5 days, left to enroll
670 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.