gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 21:10:49 25 4
gpt4 key购买 nike

我有以下 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>

最佳答案

这是一个快速方法:

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

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

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

关于javascript - 即使在回发后也保持用户选中单选按钮处于选中状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8736869/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com