Change CSS style without page refresh on ASP.Net CheckBox change using jQuery

Hi nauna,

Please refer below sample.

HTML 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="black.css" rel="stylesheet" />
<script type="text/javascript">
    $(function () {
        $("#CheckBox1").on("click", function () {
            var links = document.getElementsByTagName('link');
            var white = "white.css";
            var black = "black.css";
            links[0].setAttribute('href', $(this).is(":checked") ? white : black);
        });
    });
</script>

<asp:CheckBox ID="CheckBox1" runat="server" />
<hr />
<div>ASPSnippets.com</div>

CSS

White.css

div {
    background-color: antiquewhite;
    color: red;
}

Black.css

div {
    background-color: black;
    color: white;
}

Screenshot