javascript - 如何使用 JQuery 将多个复选框的值传递给 URL

Question

我在看这个小提琴

 $('.myBox  input:checkbox').change(function(){
  var tempValue='';
tempValue=$('.myBox  input:checkbox:checked').map(function(n){  //map all the checked value to tempValue with `,` seperated
            return  this.value;
   }).get().join(',');

   $('#display').html(tempValue);
})

将选中复选框的值添加到同一页面上的 URL 的最佳方法是什么？

显然我不能<div id="display"></div>在 URL 中添加。

理想情况下，我想在页面底部显示一个静态链接，如果选中复选框，该链接将具有动态 Javascript 变量。

谢谢你。

萨沙。

Answer 1

您是否尝试将其传递给页面上的链接。如果是这样，是这样的：

$('.myBox  input:checkbox').change(function(){
  var tempValue='';
  tempValue=$('.myBox  input:checkbox:checked').map(function(n){  //map all the checked value to tempValue with `,` seperated
        return  this.value;
   }).get().join(',');

   $("a#linkyouwantotchange").attr('href', 'http://yourlink.com/?query='+tempvalue+'');
});

Answer 2

使用window.location.href和 k 它喜欢

var url=window.location.href+'?q='+tempValue;
// you can redirect the above url

小提琴

试试这个add url，link

HTML

<a id="link"></a>

脚本

var href = '#';
var text = '';
if (tempValue) {
    text = 'Click me';
    href = 'http://example.com?q=' + tempValue;
}
$('#link').text(text).attr('href', href);

更新小提琴