radio取消选中状态

radio实现选中和取消选中：
将所有选中的radio对象放到一个数组中，再次单击某个radio时，在这个数组中进行查找，如果找到则置为未选中状态。

  <table width="80%" border="1">
			<tr>
				<td >
					是 <input name="radiobutton1" type="radio" value="20" onclick="isCheck(this);" />
					否 <input name="radiobutton1" type="radio" value="0" onclick="isCheck(this);"/>  （20，0）
				</td>
			</tr>
			<tr>
				<td>
					是 <input name="radiobutton2" type="radio" value="50" onclick="isCheck(this);"/>
					否 <input name="radiobutton2" type="radio" value="0"  onclick="isCheck(this);"/> （50，0）
				</td>
			</tr>
	</table>
<script type="text/javascript">
<!--
	var radioArr = new Array();
	function isCheck(obj){
		var hasCheck = false;
		
		for(var i=0; i<radioArr.length; i++){
			if(radioArr[i]==obj){
				radioArr[i].checked = false;
				radioArr.splice(i,1); //移除对象
				hasCheck = true;
				break;
			}
		}

		if(!hasCheck){
			initRadioArr();
		}
		//alert(radioArr.join("-"));
	}
	//初始化选中的radio
	function initRadioArr(){
		radioArr = new Array();

		//可根据实际情况修改radio的范围。
		var radios = document.getElementsByTagName("input");
		for(var i=0; i<radios.length; i++){
			if(radios[i].type.toLowerCase()=="radio" && radios[i].checked){
				radioArr.push(radios[i]);
			}
		}
	}
//-->
</script>

评论

1 楼 向北西行 2013-11-08  

太棒了，解决了我的问题。