修改

Question

我正在使用Bootstrap Toggle插件将复选框转换为切换按钮。

string appId = CurrentApp.AppId.ToString();

它运行良好，但在将复选框的状态设置为关闭/取消选中时出现问题。

就像我们在复选框上使用一样：

<input type="checkbox" id="c1" data-toggle="toggle" data-on="Enabled" data-off="Disabled" data-size="small" data-onstyle="success">
<input type="checkbox" id="c2" data-toggle="toggle" data-on="Style" data-off="Style" data-size="small" data-onstyle="success">
<input type="checkbox" id="c3" data-toggle="toggle" data-on="Border" data-off="Border" data-size="small" data-onstyle="success">

根据文档Bootstrap Toggle插件使用“Off”功能关闭但是这不起作用：

$("#c1,#c2,#c3").prop('checked', false);

而

$("#c1,#c2,#c3").bootstrapToggle('off');

工作＆amp;禁用所有三个复选框。

但是我想要禁用，只需以编程方式关闭所有切换按钮。尝试使用每个单独的代码行：

$("#c1,#c2,#c3").bootstrapToggle('disable');

但只有一个（第一个元素）被关闭＆amp;我的下一个脚本在此之后停止。

P.S。

我在另一个函数中使用了这个off函数：

$("#c1").bootstrapToggle('off'); 
$("#c2").bootstrapToggle('off');
$("#c3").bootstrapToggle('off');

单击重置按钮时可以正常工作：

    function reset_all(){
       // other fields resets
       // input default values to reset
       // hide select options & other fields
       $("#c1,#c2,#c3").bootstrapToggle('off');
    }

插件中有一些错误？或者我的代码有问题！

修改

我刚刚发现当复选框打开时此功能有效但当这些复选框已处于关闭状态时停止工作。

即。当复选框设置为ON但是当它们已经关闭时，它们会关闭。我运行bootstrapToggle（'off'）函数然后停止下一个代码。

如何检测哪个复选框已打开“打开”＆amp;只有那个复选框得到“关闭”＆amp;如果全部都打开，那么所有人都下车了。

Answer 1

事件调用结束时

更改（），就像我一样。

$("#c1,#c2,#c3").prop('checked', false).change();

Bootstrap Toggle：将多个复选框的切换状态设置为“Off”

修改

1 个答案: