Question

我正在使用Bootbox，并且希望预先选中其中一个复选框。例如：

bootbox.prompt({
    title: 'What would you like on your pizza?',
    inputType: 'checkbox',
    inputOptions: [
        {
            text: 'pepperoni',
            value: '1',
        },
        {
            text: 'mushrooms',
            value: '2',
        },
        {
            text: 'onions',
            value: '3',
        }
    ],
    callback: function (result) {
        console.log(result);
    };

让我们说我想将数组中的第一项（意大利辣香肠）选为默认项。是否可以使用Bootbox做到这一点？预先感谢。

Answer 1

您需要添加value选项进行提示。

对于单个选中的选项（https://jsfiddle.net/j7wgncsf/）：

bootbox.prompt({
    title: 'What would you like on your pizza?',
    inputType: 'checkbox',
    value: '1', // <----- this
    inputOptions: [
        {
            text: 'pepperoni',
            value: '1',
        },
        {
            text: 'mushrooms',
            value: '2',
        },
        {
            text: 'onions',
            value: '3',
        }
    ],
    callback: function (result) {
        console.log(result);
    }
});

或者，要检查多个选项，请使用数组（https://jsfiddle.net/yasok05p/）：

bootbox.prompt({
    title: 'What would you like on your pizza?',
    inputType: 'checkbox',
    value: ['1', '2'],// <----- this
    inputOptions: [
        {
            text: 'pepperoni',
            value: '1',
        },
        {
            text: 'mushrooms',
            value: '2',
        },
        {
            text: 'onions',
            value: '3',
        }
    ],
    callback: function (result) {
        console.log(result);
    }
});

Bootbox中的预选复选框

1 个答案: