Bootbox 中的预选复选框

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 中的预选复选框

Pre-checked checkbox in Bootbox

bootbox