案列
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript">
$(function () {
$('input:radio').click(function () {
var domName = $(this).attr('name');
var $radio = $(this);
if ($radio.data('waschecked') == true) {
$radio.prop('checked', false);
$("input:radio[name='" + domName + "']").data('waschecked', false);
} else {
$radio.prop('checked', true);
$("input:radio[name='" + domName + "']").data('waschecked', false);
$radio.data('waschecked', true);
}
});
});
</script>
</head>
<body>
<form>
<input type="radio" name="radio" value="The First">The First<br />
<input type="radio" name="radio" value="The Two">The Two<br />
<input type="radio" name="radio" value="The Three">The Three<br />
</form>
</body>
</html>