js 如果判断 radio 未被选中

Question

document添加click事件，看点击的对象是否为对应的radio    document.onclick = function (e) {
        e = e || window.event;
        var o = e.target || e.srcElement;
        if (o.id == 'cas_bus') {
            info = '<select id="add" >';
            {foreach from=$region_list key=myId item=i} 
            info += '<option value="{$myId}">' + "{$i}" + '</option>';
            {/foreach}
            info += '</select>';
            document.getElementById("cac_bus_info").innerHTML += info;
        }
        else document.getElementById("cac_bus_info").innerHTML = '';
    }

Answer 1

不好使呀
1. 当点击id=cas_bus 的radio时 会重复插入多个info
2. 点击其他id的的元素时会把 id=cas_bus的内容清空掉， 实际上我只想控制点击其他radio时再清空id=cas_bus的内容有没有判断id=cas_bus 未被选中情况的方法吗 （限制在 radio中)

Answer 2

    document.onclick = function (e) {
        e = e || window.event;
        var o = e.target || e.srcElement;
        var bus=document.getElementById('cas_bus');
        if (o==bus) {
            info = '<select id="add" >';
            {foreach from=$region_list key=myId item=i} 
            info += '<option value="{$myId}">' + "{$i}" + '</option>';
            {/foreach}
            info += '</select>';
           if(!document.getElementById('add')) document.getElementById("cac_bus_info").innerHTML = info;
        }
        else if(o.name==bus.name) document.getElementById("cac_bus_info").innerHTML = '';//同一组radio再清空
    }