Question

我正在看这个Fiddle

 $('.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);
})

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

显然我无法在网址中添加<div id="display"></div>。

理想情况下，我想在页面底部显示一个静态链接，如果选中复选框，它将具有动态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并使用

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

<强> Fiddle

尝试add url中的link，

<强> HTML

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

<强> SCRIPT

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

<强> Updated Fiddle

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

2 个答案: