谁帮忙详细解释下不能实现的原因，我是新手越详细越好。

Question

就是想实现点a，然后前一个INPUT的radio被选中，现在的情况是点任何一个都只选中最后一个。
<div  name="ddd">
<INPUT type=radio  name=ac><a>cxbdf</a>
<INPUT type=radio  name=ac><a>cxbd1</a>
<INPUT type=radio  name=ac><a>cxbd2</a>
<INPUT type=radio  name=ac><a>cxbd3</a></div>
</body>
<script>
window.onload = function(){
for(i=0;i<4;i++){
var cc=document.getElementsByTagName("a")[i];
cc.onclick = function(){
cc.previousSibling.checked=true;
}}}
</script>

Answer 1

<div name="ddd">
<INPUT type=radio name=ac><a>cxbdf</a>
<INPUT type=radio name=ac><a>cxbd1</a>
<INPUT type=radio name=ac><a>cxbd2</a>
<INPUT type=radio name=ac><a>cxbd3</a>
</div>
</body>
<script>
window.onload = function(){
var arr = document.getElementsByName("ac");
for(var i=0;i<arr.length;i++){
var a = arr[i].nextSibling;
a.onclick = (function(n){
return function(){
var ac = document.getElementsByName("ac");
ac[n].checked = true;
}
})(i);
}
}
</script>

Answer 2

<div name="ddd">
<INPUT type=radio name=ac id=cxbdf><label for="cxbdf">cxbdf</lable>
<INPUT type=radio name=ac id=cxbd1><label for="cxbd1">cxbd1</lable>
<INPUT type=radio name=ac id=cxbd2><label for="cxbd2">cxbd2</lable>
<INPUT type=radio name=ac id=cxbd3><label for="cxbd3">cxbd3</lable>
</div>这样, 最省事了,

Answer 3

window.onload = function(){
for(i=0;i<4;i++){
var cc=document.getElementsByTagName("a")[i];
cc.onclick = function(){
this.previousSibling.checked=true;
}}}
哪个效率高点呢？
不懂的想问下。

Answer 4

<div name="ddd">
<INPUT type=radio name=ac><a>cxbdf</a>
<INPUT type=radio name=ac><a>cxbd1</a>
<INPUT type=radio name=ac><a>cxbd2</a>
<INPUT type=radio name=ac><a>cxbd3</a>
</div>
</body>
<script>
window.onload = function(){
    var arr = document.getElementsByName("ac");
    for(var i=0;i<arr.length;i++){
        var a = arr[i].nextSibling;
        a.onclick = (function(n){
            return function(){
                var ac = document.getElementsByName("ac");
                ac[n].checked = true;
            }
        })(i);
    }
}
</script>

Answer 5

就你说的功能，<label ><input type="radio"  />aaabbcc</label>

Answer 6

<div name="ddd">
<INPUT type=radio name="ac1"  id="ac1"><label for="ac1">cxbdf</label>
<INPUT type=radio name="ac2" id="ac2"><label for="ac2">cxbd1</label>
<INPUT type=radio name="ac3" id="ac3"><label for="ac3">cxbd2</label>
<INPUT type=radio name="ac4" id="ac4"><label for="ac4">cxbd3</label></div>

Answer 7

$("a").click(function(){
    $(this).prev().attr("checked",true);
});

Answer 8

//在原代码基础上改的，应该这样：
<div name="ddd">
<INPUT type=radio name=ac><a>cxbdf</a>
<INPUT type=radio name=ac><a>cxbd1</a>
<INPUT type=radio name=ac><a>cxbd2</a>
<INPUT type=radio name=ac><a>cxbd3</a></div>
</body>
<script>
window.onload = function(){
for(i=0;i<4;i++){
var cc=document.getElementsByTagName("a")[i];
cc.onclick = function(){
     this.previousSibling.checked=true;
}}}
</script>