Question

我是javascript的新手，我试图通过在获取查询字符串值中检查其ID来更改复选框的状态。例如，如果我们有以下网址http://localhost/aasd/index.php?category[]=74，我想更改ID为74的复选框。

我正在尝试使用下面的代码执行此操作，但它无效

$(document).ready(function() {
var query = window.location.search.substring(1);
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split('=');

   document.getElementById(pair[1]).checked = true;

}

pair [1]生成undefined74我无法更改复选框状态。我需要将74传递给document.getElementById(pair[1]).checked = true;以便检查复选框。

任何帮助将不胜感激

Answer 1

尝试这个..假设url只有一个参数。

$(document).ready(function() {

  var url = window.location.href;
  document.getElementById(url.substr(url.indexOf('=') + 1)).checked = true;
});

Answer 2

查看此代码：

$(document).ready(function() {
qsArray = new Array();
var query = "http://localhost/aasd/index.php?category[]=74";
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split('=');

   $("#"+pair[1]).attr("checked",true); // this will make the checkbox checked when it encounters check box with id 74 I have created a check box with id 74 in my jsfiddle

}

});

链接到小提琴：https://jsfiddle.net/d5wbo91m/2/

解析获取查询字符串并使用值来更改复选框状态

2 个答案: