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

发布于 2024-12-25 05:29:47 字数 1339 浏览 6 评论 0原文

我有以下无线电控件，默认选中“全部”。如果用户检查其他一些单选按钮并提交，在回发时我想保留选中的按钮，以便用户可以看到他们单击的内容。我如何保留使用 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>

原文

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    
    <input type="radio" name="EventType" value="Classes" />Class    
    <input type="radio" name="EventType" value="Events" />Event      
    <input type="radio" name="EventType" value="Support Groups" />Support Group  <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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

薄情伤 2025-01-01 05:29:47

这是一个快速方法：

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

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

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

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/

回复收藏 0 原文