javascript - 如何使用 jquery 在运行时修复 bootstrap 复选框选择器默认标签

Question

我正在使用 Bootstrap checkbox picker plugin .它有一个 bootstrap-checkbox.js 文件，其中有一些默认设置值，如

$.fn.checkboxpicker.defaults = {
    offLabel: 'No',
    onLabel: 'Yes',
    offTitle: false,
    onTitle: true,
    reverse: true
 };

我需要在页面加载时设置一些值，我正在尝试以下似乎不起作用的方法

$(function () {
        $('input[type="checkbox"]').checkboxpicker();
        $('#renewalStatus').prop('onLabel', 'ON');
        $('#renewalStatus').prop('OffLabel', 'OFF');

    });

我在这里要做的就是将 offLabel 文本替换为 OFF 并将 onLabel 文本替换为 ON .我无法更改脚本文件中的默认值，因为我在其他页面中使用了默认值，但在这个特定页面上我需要稍微不同的标签。

Answer 1

试试这个。

您需要将您的值传递给复选框选择器插件函数。

$(':checkbox').checkboxpicker({onLabel:"ON",offLabel:"OFF"});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

 <script src="http://vsn4ik.github.io/bootstrap-checkbox/dist/js/bootstrap-checkbox.min.js" ></script>


<input type="checkbox">