删除带有复选框的 lastIndexOf url
Remove lastIndexOf url with checkboxes
我正在尝试创建一个 2checkout 立即购买按钮。为了将正确的产品放入购物车,您需要将产品 ID 传递到 URL。我正在尝试根据用户选中和取消选中复选框的方式构建 URL。
例如:
当用户选中复选框时,使用 &product_id=
将 URL 参数添加到基础 URL
$("#buynow").attr('href', function(){
var baseURL = this.href;
var newURL = baseURL + '&product_id=' + productID;
return newURL;
})
用户取消选中复选框,因此从 URL 中删除产品 ID:
$("#buynow").attr('href', function(){
var oldURL = this.href;
var newURL = oldURL.substr(oldURL.lastIndexOf('&'));
return url.replace( new RegExp(oldURL), '' );
})
我遇到的问题是我有多个复选框添加和删除到 URL。
典型场景:
用户选中复选框 A product_id=1
,然后选中复选框 B product_id1=2
。
http://baseurl.com/sid=12345&product_id=1&product_id1=2
用户决定取消选中复选框 A。代码删除了基于“&”的 lastIndexOf
,然后删除了复选框 B 产品 ID。
如何编写代码,使其不仅删除添加到 URL 的最后一个参数,而且根据产品 ID 知道要删除哪个产品。
希望这是有道理的。
这是一个根据复选框的名称和值更新 href 的简单示例。
$(".url_p").change(function() {
var href = "http://baseurl.com/";
$(".url_p").each(function(i) {
if (!$(this).is(":checked")) return;
href += (href.indexOf("?")==-1 ? "?" : "&") + this.name + "=" + encodeURIComponent($(this).val());
});
console.log(href);
$("#buynow").attr("href", href);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='checkbox' class='url_p' name='product_id' value='100'>Product id
<br/>
<input type='checkbox' class='url_p' name='price' value='80'>Price
<br/>
<input type='checkbox' class='url_p' name='amount' value='1'>Amount
<br/>
<a id='buynow' href='#'>Buy Now</a>
我正在尝试创建一个 2checkout 立即购买按钮。为了将正确的产品放入购物车,您需要将产品 ID 传递到 URL。我正在尝试根据用户选中和取消选中复选框的方式构建 URL。
例如:
当用户选中复选框时,使用 &product_id=
$("#buynow").attr('href', function(){
var baseURL = this.href;
var newURL = baseURL + '&product_id=' + productID;
return newURL;
})
用户取消选中复选框,因此从 URL 中删除产品 ID:
$("#buynow").attr('href', function(){
var oldURL = this.href;
var newURL = oldURL.substr(oldURL.lastIndexOf('&'));
return url.replace( new RegExp(oldURL), '' );
})
我遇到的问题是我有多个复选框添加和删除到 URL。
典型场景:
用户选中复选框 A product_id=1
,然后选中复选框 B product_id1=2
。
http://baseurl.com/sid=12345&product_id=1&product_id1=2
用户决定取消选中复选框 A。代码删除了基于“&”的 lastIndexOf
,然后删除了复选框 B 产品 ID。
如何编写代码,使其不仅删除添加到 URL 的最后一个参数,而且根据产品 ID 知道要删除哪个产品。
希望这是有道理的。
这是一个根据复选框的名称和值更新 href 的简单示例。
$(".url_p").change(function() {
var href = "http://baseurl.com/";
$(".url_p").each(function(i) {
if (!$(this).is(":checked")) return;
href += (href.indexOf("?")==-1 ? "?" : "&") + this.name + "=" + encodeURIComponent($(this).val());
});
console.log(href);
$("#buynow").attr("href", href);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='checkbox' class='url_p' name='product_id' value='100'>Product id
<br/>
<input type='checkbox' class='url_p' name='price' value='80'>Price
<br/>
<input type='checkbox' class='url_p' name='amount' value='1'>Amount
<br/>
<a id='buynow' href='#'>Buy Now</a>