Use a checkbox to submit a form, is this possibe

Question

hi all, I'm trying to add a comments section to my website.
I'd like it so that if a checkbox were checked below a particular
blog entry then the comments section would expand, and obviously
contract if the checkbox is unchecked. Is this possible. My code so
far looks like this:
<cfform>
<span class="blog_posting_info">Posted on
04/11/06</span> <span class="blog_posting_info">|
<label></label>VIEW COMMENTS</span>
<cfinput type="checkbox" name="checkbox"
value="checkbox">
</cfform>
<cfif isDefined("form.checkbox")>
<cfinsert datasource="comments" formfields="name"
tablename="comments">
<cfquery name="comments" datasource="comments">
select*
from comments
</cfquery>
<cfoutput>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td><p><span
class="blog_heading">#comments.name# Says:<br
/></span><br />
<span
class="blog_posting_info">--------------------------------------------------------------- ----------------------------</span><br
/>
</table>
</cfoutput>
</cfif>
Can anyone help me?
Thanks
Andy

Answer 1

Hi,
Give your form a name, <cfform name="myForm">
Then in the checkbox:
<input type="checkbox"
onchange="this.myForm.submit();">
OR you should be able to do this:
You need to reference it by name, or even Id.
<!--- This goes in your header file if you have one, or at
the top of the page, not sure how your code is architected.
<script type="text/javascript">
function submitForm() {
var theForm = document.getElementById('myForm');
theForm.submit();
</script>
<input type="checkbox" onchange="submitForm();">
Either method should work.
Hope that helps...
-Westside