javascript onclick event for div tag

See more:

Javascript

HTML

I have the following div tag: (jobform)

<!--jobform-->
<div class="jobform" onclick="SetChecks();">
<div class="jobform_l" ><?php _e('Category');?> : <span class="required">*</span>      </div>

<div class="jobform_r" >

<?php require_once (TEMPLATEPATH . '/jobs_category.php');?>
</div>
<div class="aglabel">Job Poster :</div>
</div><!--jobform-->

I am generating an array of checkboxes (Categories), since I dont have the checkbox tags I will need to capture the event of onclick on this div and check/uncheck certain checkboxes. Like when one is checked I want the other one to be unchecked. So I have implemented the following javascript to do that:

<script type="text/javascript">
function SetChecks() {
Alert("test");
if(document.getElementById('category_41').checked)
{
document.getElementById('category_39').checked = false;
}
else if(document.getElementById('category_39').checked)
{
document.getElementById('category_41').checked = false;
}
</script>

But for some reason it is not being triggered, I event tried putting an Alert() just to make sure it is being clicked or no. And it is not.