Disable DotNetNuke 7 styling for checkboxes and radio lists

DNN7 replaces input checkbox and radio list controls with custom styling.  For checkboxes, the original checkbox input is hidden and replaced in the UI with an image.  Furthermore the DNN functionality breaks when the input checkbox is rendered by a repeater (e.g., within a table row), making the checkbox unusable.

The method that causes the DNN functionality for checkboxes and radio list controls is declared in dnn.jquery.js and is called $.fn.dnnCheckbox
Here are four possible solutions:

• Delete the content of the $.fn.dnnCheckbox function declared in dnn.jquery.js (located in \Resources\Shared\scripts).  The problem with this approach is a DNN site upgrade will restore the DNN functionality.
• Put this script block in the page header after dnn.jquery.js is loaded:

1. <script type="text/javascript">
2.     (function () {
3.         $(document).ready(function () {
4.             $.fn.dnnCheckbox = function (options) { };
5.         });
6.     }());
7. </script>

• Run this script after the checkbox control has rendered:

1. function RemoveDnnCheckboxFormat() {
2.     $('.dnnCheckbox').remove();
3.     $(':checkbox').removeAttr('style');
4. }

• (updated - thanks to comments from Anonymous) Add the class “normalCheckBox” or “normalRadioButton” to CheckBox or RadioButtonList controls, respectively.