How to disable custom checkboxes in Zurb Foundation?

Question

Checkboxes are problematic with the latest Foundation (4.1.6) for many reasons. Is there an easy way to disable Foundation from taking them over? I need the custom class in my forms for other reasons. How do I get Foundation to leave my HTML checkboxes alone?

Answer 1

I have not encountered a Foundation way of doing this, this is actually the first time I've heard this request.

You can achieve what you want by doing this:

// do this after you initialize foundation
$("form.custom").find('input[type="checkbox"]').each(function () {            
    $(this).removeClass('hidden-field');
    $(this).next('span.custom.checkbox').remove();
});

Answer 2

An old post but for anyone trying this currently, there is a very easy way: data-customforms="disabled" works on any custom input as far as I can tell.