Bootbox中的预选复选框

时间:2018-06-25 18:41:01

标签: bootbox

我正在使用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做到这一点?预先感谢。

1 个答案:

答案 0 :(得分:0)

您需要添加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);
    }
});