Jquery默认选中单选框radio第一个、选中指定值的单选框

概述

当页面加载时，指定区域的单选框默认选中第一个；用户勾选单选框之后，再次回到页面时，需要选中上次勾选的单选框

JS

选中指定id为“admin-content-task”中的某个radio

// 页面隐藏域的值
var platIdVal = $("#platIdVal").val();
// 如果platIdVal为空，说明没有勾选单选框
if(platIdVal==null || platIdVal == ''){
	// 默认选中平台单选框的第一个
	$(".admin-content-task input:first").attr("checked",true);
}else{
	$(".admin-content-task input[value="+ platIdVal +"]").attr("checked",true);
}

HTML页面

<input type="hidden" id="platIdVal" value="${map.platIdVal?if_exists}"/>

<!--radio域、部分代码-->
<ul class="am-list admin-content-task">
	<#if apiInfos?exists>
	<!-- N个一行,使用FreeMarker的chunk()函数进行 -->
	<#list apiInfos?chunk(7) as row>
	<div style="clear: both; border: 0px solid green;">
		<!-- 行序号 -->
		<div class="platIdInnerDiv" style="width: 1%;">
			${row_index + 1}.</div>
		<!-- 行内子div，用来存放platId复选框 -->
		<#list row as obj>
		<div class="platIdInnerDiv">
			<input type="radio" id="platId${row_index}${obj_index}" name="platId" value="${obj.platId}" class="platIdCls" /> 
			<label for="platId${row_index}${obj_index}">${obj.platId}</label>
		</div>
		</#list>
	</div>
	</#list> </#if>
</ul>

Java

map.put("platIdVal", platId);

request.setAttribute("map", map);

UI图

原创文章，转载请注明出处