<input type="button" id="selectall" value="Select All" /><br />
<input type="button" id="clear" value='<%= ViewData["Label"] %>' />

<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $('#selectall').click(function() {
            $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', true);
        });
        $('#clear').click(function() {
            $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', false);
        });
    });
</script>


/*If this code is in a user control, it can be called using the following:
(If the codebase is C#:) */
<% Html.RenderPartial("JQuerySelectAll", ViewData["Label"]="Reset"); %>

<input type="button" id="selectall" value="Select All" /><br />
<input type="button" id="clear" value='<%= ViewData["Label"] %>' />

<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $('#selectall').click(function() {
            $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', true);
        });
        $('#clear').click(function() {
            $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', false);
        });
    });
</script>

<input type="button" id="selectall" value="Select All" /><br />
<input type="button" id="clear" value='<%= ViewData["Label"] %>' />

<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $('#selectall').click(function() {
            $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', true);
        });
        $('#clear').click(function() {
            $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', false);
        });
    });
</script>

/*If this code is in a user control, it can be called using the following:
(If the codebase is C#:) */
<% Html.RenderPartial("JQuerySelectAll", ViewData["Label"]="Reset"); %>

/*(If the codebase is VB:)*/
<% ViewData("Label") = "Reset"%>    
<% Html.RenderPartial("SelectAllClear", ViewData("Label"))%>

<input type="button" id="selectall" value="Select All" /><br />
<input type="button" id="clear" value='<%= ViewData["Label"] %>' />

<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $('#selectall').click(function() {
            $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', true);
        });
        $('#clear').click(function() {
            $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', false);
        });
    });
</script>

This is used in combination with JavaScript and MVC (hence the ViewData object). If this code is pasted into a MVC View User Control (.ascx) file, it becomes a reusable Select All/Clear control. It was originally written with a C# codebase. It will work in VB as well, with minor changes (i.e. change all square brackets around ViewData to parenthesis). <br>Also, below the closing script tag is code that is used to call the control. Make sure the string value of the first parameter matches the name of the ascx file that contains the script.

JQuery: Select All/Clear

jQuery