使用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()将从type=A&type=C网址中删除部分内容.切割后,我们将有这个字符串:

  "type=A&type=C"
  

• .replace()从上面提到的字符串中删除"type ="部分:

  "A&C"   //after replace
  

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

   ["A","C"]
  

• $ .inArray()检查当前值是否checkbox在["A","C"]数组中.如果是,那么checks(.prop('checked',true))checkbox.