即使在回发后也保持用户检查radiobtn检查

keep user checked radiobtn checked even after postback(即使在回发后也保持用户检查radiobtn检查)

问题描述

我有以下无线电控制，默认选中为全部".如果用户检查其他单选按钮并提交，则在回发时我想保留选中的按钮，以便用户可以看到他们点击的内容..如何保留使用 jquery 选择的内容?我使用的是:

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>

推荐答案

这里有一个快速的方法:

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);
}

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

这篇关于即使在回发后也保持用户检查radiobtn检查的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！