jquery通过地址栏设置单选按钮默认项

最新推荐文章于 2022-03-09 08:58:38 发布

number__

最新推荐文章于 2022-03-09 08:58:38 发布

阅读量1.3k

点赞数

分类专栏： WEB 文章标签： WEB

本文链接：https://blog.csdn.net/YangMing_number/article/details/52953182

版权

WEB 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

1、首先获取url传过来的参数，然后将参数值与选项中的value值对比，设置该选项的checked属性为true即可。juery代码如下

<pre name="code" class="html">$(document).ready(function(){  
		     var name =  $('#type').val();
		     $('input:radio[name="serviceClasses"][value="'+name+'"]').prop('checked', true);
		});

2、单选按钮选项如下

<div style="width: 790px;float: left;">
			<fieldset tabindex="0" class='radioGroup'>
				<input id='g1o1' name="serviceClasses"  type="radio"  value=""  οnclick="ajaxf();" checked="checked"/><label  for='g1o1'>全部</label>
				<input  id='g1o2' name="serviceClasses"  type="radio"  id="zhuce" value="zhuce"  οnclick="ajaxf();" /><label for='g1o2'>注册服务</label>
				<input  id='g1o3' name="serviceClasses"  type="radio"  id="caiwu" value="caiwu" οnclick="ajaxf();"/><label for='g1o3'>财务服务</label>
				<input  id='g1o4' name="serviceClasses"  type="radio"  id="caiwu" value="renzi" οnclick="ajaxf();"/><label for='g1o4'>人资服务</label>
				<input  id='g1o5' name="serviceClasses"  type="radio"  id="falv" value="falv" οnclick="ajaxf();"/><label for='g1o5'>法律服务</label>
				<input  id='g1o6' name="serviceClasses"  type="radio"  id="peixu" value="peixu" οnclick="ajaxf();"/><label for='g1o6'>培训服务</label>
				<input  id='g1o7' name="serviceClasses"  type="radio"  id="rongzi" value="rongzi" οnclick="ajaxf();"/><label for='g1o7'>融资服务</label>
				<input  id='g1o8' name="serviceClasses"  type="radio"  id="tuiguang" value="tuiguang" οnclick="ajaxf();"/><label for='g1o8'>推广服务</label>
				<input  id='g1o9' name="serviceClasses"  type="radio"  id="zulin" value="zulin" οnclick="ajaxf();"/><label for='g1o9'>租赁服务</label>
			</fieldset>
		</div>