从另一页面选择的页面链接预填充复选框或无线电字段？

Question

所以我一直在尝试弄清楚如何从另一页上的指定链接自动填充/选择一个复选框或无线电字段时遇到了不愉快的经历。

到目前为止，我已经找到了如何在使用以下函数/ HTML单击表单页面上的有向链接时选择某些输入字段：

剧本：

HTML（在表单页面上）：

<a href='' id='select-checkbox1'>Click to Select</a>

有没有办法通过页面加载自动激活这样的函数（在表单的页面上），最初是由另一个页面上的链接提示的？

然后我还想到，当与URL中调用的特定散列目标/锚相对应时，可能会自动填充字段。有什么想法吗？

非常感谢协助，因为我对Javascript / JQuery的专业知识有限......

谢谢。

Answer 1

您可以使用此问题的解决方案：How can I get query string values in JavaScript?

例如：

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

$('#checkbox1).prop('checked', getParameterByName('checkbox1'))

另一页上的链接可能是这样的：

<a href='pagewithcheckbox.html?checkbox1=checked' id='select-checkbox1'>Click to Select</a>

Answer 2

可以使用哈希值将信息从页面A传送到页面B.

即如果您不想使用服务器端资源。

第A页：

<a href='pageB.html#myHash' id='select-checkbox1'>Click to Select</a>

Page B：

$(document).ready(function(){
  var hash = location.hash;  // Here, it would be "#myHash"... So including the #

  if(hash=="#myHash"){
    $("#checkbox1").prop("checked", !$("#checkbox1").prop("checked") );  // that toggles the checked state
  }
});