keep user checked radiobtn checked even after postback

问题

I have the following radiocontrols with Default checked to "All". If user checks some other radio button and submits, on postback i want to retain the checked button, so users can see what they clicked..How do I keep whatever was selected using jquery?? i am using is:

<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>

回答1:

Here's a quick way:

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

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

Here's a demo: http://jsfiddle.net/agW9g/

回答2:

If your server page doesn't redirect somewhere else usually the content is the same. Oh, you can use the server controls and keep the state of the control in the ViewState.

来源：https://stackoverflow.com/questions/8736869/keep-user-checked-radiobtn-checked-even-after-postback

标签

javascript

jquery

radio-button

postback

checked