accessing my jQuery NiceForm re-styled checkboxes

crmpicco · January 13th, 2010, 11:37 AM

I am using the jQuery plugin - Nice Form. http://www.whitespace-creative.com/jquery/jNice/

When Nice Form is used it changes my checkboxes as seen below. So when you are using the browser you actually click the <div> and not the checkbox. Can anyone advise of a way for me to capture, in jQuery, when I am ticking the Email checkbox and when i'm ticking the SMS checkbox?

PHP Code:


			
<p>
  I would like to be contacted by
  <label style="padding-right: 10px;" for="comm_email">Email</label>
  <div class="NFCheck NFh" style="left: 431px; top: 490px;"></div>
  <input id="comm_email" class="NFhidden" type="checkbox" name="comm_email"/>
  <label style="padding-right: 10px;" for="comm_sms">SMS</label>
  <div class="NFCheck NFh" style="left: 534px; top: 490px;"></div>
  <input id="comm_sms" class="NFhidden" type="checkbox" name="comm_sms"/>
</p>

Thanks,
Picco

crmpicco · January 13th, 2010, 12:21 PM

I have a solution to this now. The working code:

PHP Code:


			
var displayFacebox;
        
switch($(this).next().attr("id")) {
  case 'comm_email' : 
    displayFacebox = false; 
    break;
  case 'comm_sms' : 
    displayFacebox = true;
    break;
}

crmpicco · January 13th, 2010, 12:22 PM

Just realised I am now registered 5 years on P2P Wrox. Yay! :-)