2

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

基于链接 URL：第一个将检查 Type A 和 Type B，第二个示例将检查 Type 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" />

有什么建议和建议吗？

4

2 回答 2

9

像这样做：

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;
});

说明：

考虑 url 是' http://sample.com?type=A&type=C'。然后：

  • i是 ' ?' 的索引在那个 url

  • .substr()将从 url 中删除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。

于 2012-07-12T15:04:48.807 回答
0

此问题显示了使用 javascript 检查查询字符串参数的解决方案。顶部还有一个指向可能重复问题的链接，该问题提供了使用 JQuery 的解决方案。

一旦确定了 querty 字符串参数，就可以使用 jQuery 来勾选复选框（详见另一个问题）：

$('input[value="A"]').prop("checked", true);
于 2012-07-12T15:09:21.957 回答