就是想实现点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>
<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>
<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>
<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>这样, 最省事了,
for(i=0;i<4;i++){
var cc=document.getElementsByTagName("a")[i];
cc.onclick = function(){
this.previousSibling.checked=true;
}}}
哪个效率高点呢?
不懂的想问下。
<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>
<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>
$(this).prev().attr("checked",true);
});
//在原代码基础上改的,应该这样:
<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>