Hey I was wondering why my jQurey code was not working with the custom form code. Below is the code being used.
{{=form.custom.begin}}
<table>
Name: <div>{{=form.custom.widget.name}}</div>
Id Number: <div>{{=form.custom.widget.idnum}}</div>
Select Location: <div>{{=form.custom.widget.location}}</div>
Start Date: <div>{{=form.custom.widget.start_date}}</div>
<div>Unlimited {{=form.custom.widget.unlimited}}</div>
<div> Weekends Only {{=form.custom.widget.weekends_only}}</div>
<div> Weekdays Only {{=form.custom.widget.weekdays_only}}</div>
<div> Customize Availability {{=form.custom.widget.customize_availability}}</div>
<div> monday {{=form.custom.widget.monday_start}}</div>
Create Employee <div>{{=form.custom.submit}}</div>
</table>
{{=form.custom.end}}
<script>
jQuery(document).ready(function(){
jQuery('#employee_monday_start__row').hide();
jQuery('#employee_monday_end__row').hide();
jQuery('#employee_tuesday_start__row').hide();
jQuery('#employee_tuesday_end__row').hide();
jQuery('#employee_wednesday_start__row').hide();
jQuery('#employee_wednesday_end__row').hide();
jQuery('#employee_thursday_start__row').hide();
jQuery('#employee_thursday_end__row').hide();
jQuery('#employee_friday_start__row').hide();
jQuery('#employee_friday_end__row').hide();
jQuery('#employee_saturday_start__row').hide();
jQuery('#employee_saturday_end__row').hide();
jQuery('#employee_sunday_start__row').hide();
jQuery('#employee_sunday_end__row').hide();
jQuery('#employee_customize_availability').change(function(){
if(jQuery('#employee_customize_availability').attr('checked')){
jQuery('#employee_monday_start__row').show();
jQuery('#employee_monday_end__row').show();
jQuery('#employee_tuesday_start__row').show();
jQuery('#employee_tuesday_end__row').show();
jQuery('#employee_wednesday_start__row').show();
jQuery('#employee_wednesday_end__row').show();
jQuery('#employee_thursday_start__row').show();
jQuery('#employee_thursday_end__row').show();
jQuery('#employee_friday_start__row').show();
jQuery('#employee_friday_end__row').show();
jQuery('#employee_saturday_start__row').show();
jQuery('#employee_saturday_end__row').show();
jQuery('#employee_sunday_start__row').show();
jQuery('#employee_sunday_end__row').show();
}
else {
jQuery('#employee_monday_start__row').hide();
jQuery('#employee_monday_start__row').hide();
jQuery('#employee_monday_end__row').hide();
jQuery('#employee_tuesday_start__row').hide();
jQuery('#employee_tuesday_end__row').hide();
jQuery('#employee_wednesday_start__row').hide();
jQuery('#employee_wednesday_end__row').hide();
jQuery('#employee_thursday_start__row').hide();
jQuery('#employee_thursday_end__row').hide();
jQuery('#employee_friday_start__row').hide();
jQuery('#employee_friday_end__row').hide();
jQuery('#employee_saturday_start__row').hide();
jQuery('#employee_saturday_end__row').hide();
jQuery('#employee_sunday_start__row').hide();
jQuery('#employee_sunday_end__row').hide();
}
});
});
</script>
Answers (0)
Comments (0)