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图

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

时间: 2024-10-13 23:33:27

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

用jquery修改默认的单选框radio或者复选框checkbox选择框样式

默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控制切换.然后我自己用jqeury写了一个这样功能的. 先是html代码 性别 <div id="box-6"> <label>性别</label> <a href="#" name="male" id=&qu

JS中获取页面单选框radio和复选框checkbox中当前选中的值

单选框:单选框的name值全部相同 页面有一组单选框的元素<td><input type="radio name="radioid">满意</td>  <td><input type="radio" name="radioid">基本满意</td> var radio=document.getElementsByName("radio"); va

jquery单选框radio绑定click事件实现和是否选中的方法

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<input type="radio" name=&

单选框radio总结(获取值、设置默认选中值、样式)

<div class="radio-inline"> <input type="radio" name="killOrder" value="1"/> <label for="killOrder1">是</label> </div> <div class="radio-inline"> <input type=

jQuery设置 select、radio、checkbox 默认选中的值

[javascript] view plain copy <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m

Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值

jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另:判断radio是否选中并取得选中的值 如下所示: function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ alert("yes--选中的值为:"+$(":radio:checked")

转 Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值

jquery取radio单选按钮的值   $("input[name='items']:checked").val();  另:判断radio是否选中并取得选中的值  如下所示: function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){   alert("yes--选中的值为:"+$(":radio:checked&

下拉框&mdash;&mdash;把一个select框中选中内容移到另一个select框中遇到的问题

在使用jQuery实现把一个select框中选中内容移到另一个select框中功能时遇到了一个问题,就是点击按钮时内容可以到另一个select框中,但是到了另一个select框中的内容却很快闪退回原来的select框中,代码如下:                  <select class="select1" name="select1" multiple="multiple">                     <op

利用JavaScript通过单选框radio控制div的显示和隐藏

通过鼠标单击单选框的动作,实现某个div或多个div的显示和隐藏.实例如下: JavaScript代码如下: 1 function divClick(){ 2 3 var show = ""; 4 show = $("input[name='AdPrintMode']:checked").val(); 5 switch (show){ 6 case '1': 7 document.getElementById("img1").style.disp