Kendo - Base Q3
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>
<a href="#" id="example"><input type="checkbox" />Test</a>
<div id="tabstrip">
<ul>
<li class="k-state-active">
<input id="resultsSelector" type="checkbox" checked="true" />Results
</li>
<li>
<input id="ampDataSelector" type="checkbox" />Amplification Data
</li>
<li>
<input id="flagSummarySelector" type="checkbox" />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;
});
})
})