Question

我正在测试页上使用bootstraptoggle。

文档中明确声明要防止用户更改复选框的值以将disabled添加到元素。

但是，由于我必须提交表单，所以不能禁用bootstrap元素。

如何防止用户在不禁用元素的情况下更改引导开关？

也就是说，当用户单击bootstrap元素时，bootstrap切换将保持在on状态吗？

我已经尝试了无数次尝试-全部失败，并且Google搜索无济于事。

这是我的HTML代码：

<input type="checkbox" id="id_document_format_adobe" checked name="document_format" value="pdf" onclick="blur(); return false;" />

这是我的js代码：

$('#id_document_format_adobe').bootstrapToggle({
  height: '30',
  width: '45',
  off: 'No',
  on: 'Yes',
  size: 'mini',
  style: 'soften',
  width: '50'
})

// set the pdf toggle switch on.
// the checkbox cannot be disabled at the element.
$('#id_document_format_adobe').bootstrapToggle('on');

Answer 1

好。我刚刚发现了一个晦涩的帖子。

这是我的解决方法。

将alwaysToggleOn添加到元素。

<input type="checkbox" id="id_document_format_adobe" checked name="document_format" value="pdf" onclick="blur(); return false;" onchange="alwaysToggleOn();" />

在我的js中：

    function alwaysToggleOn() {
        $("#id_document_format_adobe").data('bs.toggle').on(true);
    }

我希望这对某人有帮助。

引导程序切换-如何始终启用值并且不禁用它们

1 个答案: