Kendo - Base Q3

by otopse

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div id="tabstrip">
    <ul>
        <li class="k-state-active">
            Results
        </li>
        <li>
            Amplification Data
        </li>
        <li>
            Flag Summary
        </li>
    </ul>
    <div>foo1</div>
    <div>foo2</div>
    <div>foo3</div>
</div>

JavaScript

$("#example").click(function(e) { e.preventDefault(); });

$("#tabstrip").kendoTabStrip();
$("#tabstrip > ul input[type=checkbox]").bind("click", function(e) { 
    var that = this;
    setTimeout(function(e){
        $(that).attr('checked',function(idx, oldAttr) {
            return !oldAttr;
        });
    })
        
})