javascript - 使用 javascript/jQuery 基于 url 值的自动复选框

Question

有没有办法或者可以使用 javascript/jQuery 来做到这一点？

基于链接 URL:第一个示例将检查类型 A 和类型 B，第二个示例将检查类型 D

?type=A&type=C or ?type=D

我当前的形式:

<form name="input" action="" method="post" ><br />
Select Type: <br />
<input type="checkbox" name = "type" value="A" /> A <br />
<input type="checkbox" name = "type" value="B"  /> B <br />
<input type="checkbox" name = "type" value="C"  /> C <br />
<input type="checkbox" name = "type" value="D" /> D <br /> <br />
<input type="submit" value="Submit" />

有什么建议和建议吗？

Answer 1

这样做:

var i = document.location.href.lastIndexOf('?');
var types = document.location.href.substr(i+1).replace(/type=/g,'').split('&');
$('input[name="type"]').prop('checked',function(){
     return $.inArray(this.value,types) !== -1;
});

说明:

假设网址为“http://sample.com?type=A&type=C”。然后:

• i 是该网址中“?”符号的索引

• .substr()将从 url 中删除 type=A&type=C 部分。剪切后，我们将得到这个字符串:

  "type=A&type=C"
  

• .replace()从上述字符串中删除“type=”部分:

  "A&C"   //after replace
  

• .split()将该字符串拆分为数组:

   ["A","C"]
  

• $.inArray()检查当前 checkbox 的值是否在 ["A","C"] 数组中。如果是，则检查( .prop('checked',true) ) 复选框。