【js】checkbox的单选

<div id="areaRange" class="boardingList shipIcon7 shipIcon8">
    <div class="cb"><label>区域范围</label>
        <input type="checkbox" name="areaRange" value="100" onclick="areaRangeCheck(this)"/><label>100海里</label>
    </div>
    <div class="cb pr">
        <input type="checkbox" name="areaRange" value="150" onclick="areaRangeCheck(this)"/><label>150海里</label>
    </div>
    <div class="cb pr">
        <input type="checkbox" name="areaRange" value="200" onclick="areaRangeCheck(this)"/><label>200海里</label>
    </div>
    <!--<input type="radio" id="range100" name="areaRange" value="100"/><label>100海里</label></div>-->
    <!--<div class="cb pr"><input type="radio" id="range150" name="areaRange" value="150"/><label>150海里</label></div>-->
    <!--<div class="cb pr"><input type="radio" id="range200" name="areaRange" value="200"/><label>200海里</label></div>-->
</div>

function areaRangeCheck(ele) {
    var flag=ele.checked;
    console.log(flag);
    if(flag==true){
        $("#areaRange").find('input[type="checkbox"]').attr('checked',false);
        ele.checked=true;
    }else{
    }
}