javascript - 即使在回发后也保持用户选中单选按钮处于选中状态

Question

我有以下 radio 控件，默认值选中为“全部”。如果用户检查其他一些单选按钮并提交，在回发时我想保留选中的按钮，以便用户可以看到他们单击的内容。我如何保留使用 jquery 选择的内容？我正在使用的是:

<script type="text/javascript" language="javascript">
 $(document).ready(function() { 
    var url = 'http://mysite.com/events/Pages/default1.aspx?kwd=';
    $(".SearchBoxAndChoices a.searchButton").click(function() {
    var radioVal = $("input[name='EventType']:checked").val();
    var keywords = encodeURIComponent($(".BasicSearchInputBox").val());  
    url =url+keywords+"&type="+radioVal;
    window.location.href=url;  
    });
 });
</script>                     

 <div class="EventRadios" style="color:#574319; font:13px Trebuchet">
    <input type="radio" name="EventType" value="" checked="checked"/>All &nbsp;  
    <input type="radio" name="EventType" value="Classes" />Class &nbsp;  
    <input type="radio" name="EventType" value="Events" />Event &nbsp;    
    <input type="radio" name="EventType" value="Support Groups" />Support Group&nbsp;&nbsp;<br /><br />
</div>
<input name="KeywordBox" class="BasicSearchInputBox" type="text" value="Keyword Search..."/>
<div class="searchBtnHolder"><a class="searchButton" href="#" type="submit"><span>Search</span></a></div>

Answer 1

这是一个快速方法:

var value = window.location.href.match(/[?&]type=([^&#]+)/) || [];

if (value.length == 2) {
    $('input[name="EventType"][value="' + value[1] + '"]').prop('checked', true);
}

这是一个演示:http://jsfiddle.net/agW9g/