Jquery onselect复选框将选定值作为querystring添加到URL
页面加载时URL为(“医院”)。 现在,在页面加载之后,如果有人选择了Office复选框,它应该将该复选框“Office”的值作为 (“医院”或“办公室”) 在jquery中如何实现这一点Jquery onselect复选框将选定值作为querystring添加到URL,jquery,url,checkbox,query-string,Jquery,Url,Checkbox,Query String,页面加载时URL为(“医院”)。 现在,在页面加载之后,如果有人选择了Office复选框,它应该将该复选框“Office”的值作为 (“医院”或“办公室”) 在jquery中如何实现这一点 <div class="LocationSearchBox"> <input name="KeywordBox" class="BasicSearchInputBox" type="text" value="Type a Keyword.."/> <div class="
<div class="LocationSearchBox">
<input name="KeywordBox" class="BasicSearchInputBox" type="text" value="Type a Keyword.."/>
<div class="searchBtnHolder"><a class="searchButton" href="#" type="submit"><span>Search</span></a></div>
</div>
<br/><br/>
<div class="MyOptions">
Hospitals<input name="LocType" type="checkbox" value="Hospital"/>  
Offices<input name="LocType" type="checkbox" value="Office"/>  
Emergency Centers<input name="LocType" type="checkbox" value="Emergency"/> 
Out-Patient Centers<input name="LocType" type="checkbox" value="Out-Patient"/> 
Facilities<input name="LocType" type="checkbox" value="Facility"/>
</div>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
var url = 'http://mysite.com/results.aspx?k=("Hospital");
$(".LocationSearchBox a.searchButton").click(function(){
var chkboxVal = $("input[name='LocType']:checked").val();
var keywords = encodeURIComponent($(".BasicSearchInputBox").val());
url =url+"?kwd="+keywords+"&type="+chkboxVal;
window.location.href=url;
});
}):
});
医院 家;
办公室 个;
应急中心 ;
门诊中心 ;
设施
$(文档).ready(函数(){
var url='1〕http://mysite.com/results.aspx?k=(“医院”);
$(“.LocationSearchBox a.searchButton”)。单击(函数(){
var chkboxVal=$(“输入[name='LocType']:选中”).val();
var关键字=encodeURIComponent($(“.BasicSearchInputBox”).val();
url=url+“?kwd=“+keywords+”&type=“+chkboxVal;
window.location.href=url;
});
}):
});
您的代码应该是这样的
$(document).ready(function() {
var url = 'http://mysite.com/results.aspx';
$(".MyOptions input").click(function() {
var urlValues = window.location.href.split("k=(")[1];
urlValues = urlValues.substring(0,urlValues .length - 1);
var checkboxValues = $("input[name=LocType]:checked").map(function() {return "\"" + this.value + "\"";}).get().join(" OR ")
if (urlValues.length > 0)
urlValues += " OR " + checkboxValues;
var keywords = encodeURIComponent($(".BasicSearchInputBox").val());
window.location.href = "http://mysite.aspx/result.aspx?k=(" + urlValues + ")";
});
});