SO - 22212456

by Chandana Thota

HTML

<li><div class="chkd" id="columnCheckbox_1" style="width: 14px; height: 14px; margin-top: 3px; float: left;" value="chkbox_Title"></div><div class="2" style="padding-left: 20px;" value="colName_Title">Title</div>      </li>
<li><div class="chkd" id="columnCheckbox_2" style="width: 14px; height: 14px; margin-top: 3px; float: left;" value="chkbox_Title"></div><div class="2" style="padding-left: 20px;" value="colName_Title">desc</div>      </li>

CSS

.chkd
{
    background-color: #29abe1;
}

.unchkd
{
    background-color: white;
    border: 1px solid black;
}

JavaScript

$(document).on("click", "li", function (e) {
    $(this).find('div[id^=columnCheckbox_]').toggleClass('unchkd chkd')
});