Question

我正在使用Bootstrap Switch 自定义我的复选框。在他们建议使用的文档中：

$("[name='my-checkbox']").bootstrapSwitch();

所以在我的情况下，我有多个复选框，所以我这样做了：

var name = '"' + "[name='my-checkbox" + records[i].id + "']" + '"';
$(name).bootstrapSwitch();

但我收到错误：无法识别的表达式：＆＃34; [name =＆＃39; my-checkbox1＆＃39;]＆＃34;

Answer 1

删除额外的"

var name = '[name="my-checkbox' + records[i].id + '"]';

<强> Example

var records = [
  {id: '-one'},
  {id: '-two'}
];

var name;

for (var i = 0, len = records.length; i < len; i++) {
  name = '[name="my-checkbox' + records[i].id + '"]';
  console.log($(name));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input name="my-checkbox-one" type="checkbox">
<input name="my-checkbox-two" type="checkbox">

Answer 2

您不需要那么多代码......如果您向我添加一个类<input name="my-checkbox" class="nice-switch" type="checkbox">，则可以使用$(".nice-switch").bootstrapSwitch();

激活切换

Jquery Selector中无法识别的字符串变量

2 个答案: