关于模拟radio提交的js兼容问题

班得瑞 发布于 2013/03/28 13:50
阅读 326
收藏 0
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{font-size:12px;}
input{ display:none; float:left;}
label{ clear:both;width:auto; height:13px; padding-left:20px;display:block;background:url("no.png") no-repeat; float:left;}
label.checked{background:url("yes.png") no-repeat;}
p{padding:10px;}
</style>

</head>
<body>
<div >
<form action="3.php" method="post" id="form">
<p><input type="radio" name="radio" value="1" id="radio_1"/>
<label for="radio_1">中国</label></p>
<p><input type="radio" name="radio" value="2" id="radio_2"/>
<label for="radio_2">美国</label></p>
<p><input type="radio" name="radio" value="3" id="radio_3"/>
<label for="radio_3">德国</label></p>
<a href="javascript:;" class="save" id="save">保存</a>
</form>
<ul id="ul">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>

</body>
<script type="text/javascript">
 var $ = function( id ){
return document.getElementById( id );
 }
 var node = $("form");
 
 var labelList = node.getElementsByTagName("label");
 for( var i=0;i< labelList.length;i++){
 labelList[i].onclick = function( i ){
this.index = i;
var inputId = this.getAttribute("for");
delallClass( labelList );
addClass( this, "checked" );
$( inputId ).checked = true;

 
 }
 }
 function addClass( obj, classname ){
obj.className = classname;
 }
 function delallClass( objlist ){
for( var k=0;k<objlist.length;k++ ){
objlist[k].className = "";
}
 }
 
 $("save").onclick = function(){
node.submit();
 }
</script>

</html>

为什么ie不可以提交 。。。火狐谷歌却可以提交$( inputId ).checked = true;这样写ie不能用吗

加载中
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部