无法使用jQuery更改引导程序切换状态

时间:2019-09-14 14:32:27

标签: jquery bootstrap-4 angular-bootstrap-toggle

我在尝试检查一些引导程序(4)切换时遇到问题;

我有一张6列,约40行的桌子。

我希望在按下按钮时将所有关联的行切换为“开”。

例如,一行看起来像:

<input type="checkbox" data-toggle="toggle" id="t7_1">
<input type="checkbox" data-toggle="toggle" id="t7_2">
<input type="checkbox" data-toggle="toggle" id="t7_3">
<input type="checkbox" data-toggle="toggle" id="t7_4">
<input type="checkbox" data-toggle="toggle" id="t7_5">
<input type="checkbox" data-toggle="toggle" id="t7_6">

按钮以这种方式调用jquery函数:

selectLine(7, 6);

其中6是一行中复选框的数量(我希望我已经足够清楚了...)

函数主体为:

function selectLine(line, terrains) {
      var i;
      for(i = 1; i <= terrains; i++){
        $('#t' + line + '_' + i).bootstrapToggle('on');
      }    
}

但是它不起作用...我确定我的错误很明显,但是我看不到。

1 个答案:

答案 0 :(得分:0)

对我来说,它的工作正确,无论何时何地调用函数 selectLine()?如果需要,可以在页面加载后立即加载函数,如下所示:

$(document).ready(function(){
  selectLine(7,6);
});