div的点击事件，有复杂的循环判断，用 js和 jquery都行

Question

n个div,每个div里都有一个单选按钮， 效果：1、**点击第一个div**，单选被选中（单选框用图片代替），再次点击第一个div，单选被取消；2、同时，点击第二个div时，单选被选中，第一个div的单选被取消；

Answer 1

 <div onclick="clickDiv(this)"><input id="radio1" type="radio" value="1" />Value 1</div>
<div onclick="clickDiv(this)"><input id="radio2" type="radio" value="2" />Value 2</div>
<div onclick="clickDiv(this)"><input id="radio3" type="radio" value="3" />Value 3</div>
<div onclick="clickDiv(this)"><input id="radio4" type="radio" value="4" />Value 4</div>
<div onclick="clickDiv(this)"><input id="radio5" type="radio" value="5" />Value 5</div>
<div onclick="clickDiv(this)"><input id="radio6" type="radio" value="6" />Value 6</div>

<script type="text/javascript">

    var lastRadio;
    var lastAction;
    var allRadio = [];

    //初始化获得到所有单选钮
    (function(){

        var allInput = document.getElementsByTagName("input");              
        for(var i=0;i<allInput.length;i++){
            if(allInput[i].type=="radio"){
                allRadio.push(allInput[i]);
            }
        }
    }());

    //当DIV被点击时触发
    function clickDiv(divObj){

        var obj = divObj.children[0];
        obj.checked = true;

        for(var i=0;i<allRadio.length;i++){
            if(obj.id == allRadio[i].id){
                var currRadio = document.getElementById(obj.id);
                if(currRadio == lastRadio & lastAction){
                    currRadio.checked = false;
                }
                lastRadio = currRadio;
                lastAction = currRadio.checked;

            }else{
                document.getElementById(allRadio[i].id).checked = false;
            }
        }
    }

</script>