<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ol>
<li><input type="checkbox" name="" id=""/></li>
<li><input type="checkbox" name="" id=""/></li>
<li><input type="checkbox" name="" id=""/></li>
<li><input type="checkbox" name="" id=""/></li>
<li><input type="checkbox" name="" id=""/></li>
<li><input type="checkbox" name="" id=""/></li>
<li><input type="checkbox" name="" id=""/></li>
<li><input type="checkbox" name="" id=""/></li>
<li><input type="checkbox" name="" id=""/></li>
<li><input type="checkbox" name="" id=""/></li>
</ol>
<script type="text/javascript">
var handler = function ( event ){
event = event || window.event;
var target = event.target || event.srcElement;
if ( target.nodeType == 1 && target.nodeName.toLowerCase() == "input" && target.type == "checkbox" && target.checked ) {
var inputs = document.getElementsByTagName("input");
for ( var i = 0; inputs[i]; i++ ) {
if ( inputs[i].type == "checkbox" && inputs[i] != target ) {
inputs[i].checked = false;
}
}
}
}
if (document.addEventListener){
document.addEventListener('click', handler, false);
} else if (document.attachEvent){
document.attachEvent('onclick', handler);
}
</script>
</body>
</html>