jquery實現單選按鈕點擊取消選中狀態

時間 2019-12-06

原文原文鏈接

<!DOCTYPE HTML> 
		<html> 
		<head> 
		<title>單選按鈕取消選中的三種方式</title> 
		<script type="text/javascript" src="jquery-1.9.1.min.js"> 
		</script> 
		<script type="text/javascript"> 
		$(function(){ 
		$("input:radio").click(function(){
			var checkedState = $(this).attr('checked');//記錄當前選中狀態
			console.log(checkedState)
			$(this).attr('checked',true);//2.
			if(checkedState == 'checked'){
				$(this).attr('checked',false); //3.
			}
		});

		}); 
		</script> 
		</head> 
		<body> 
		<form> 
		<input style="display:none;" id="hidebrowser" type="radio" name="browser" value=""> 
		<input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br /> 
		<input type="radio" name="browser" value="Firefox">Firefox<br /> 
		<input type="radio" name="browser" value="Netscape">Netscape<br /> 
		<input type="radio" name="browser" value="Opera">Opera<br /> 
		</form> 

		</body> 
		</html>
複製代碼

單選按鈕取消選中的三種方式

相關標籤/搜索