默认情况下如何通过启动框提示检查单选按钮

时间:2018-09-03 10:57:07

标签: radio-button bootbox

我能够使用引导框提示符显示单选按钮。但是,默认情况下,我没有看到选中的单选按钮。怎么做 。这是我显示单选按钮的代码。

bootbox.prompt({
    title: "This is a prompt with a set of Radiobutton inputs!",
    inputType: 'radio',
    inputOptions: [
        {
            text: 'EU Format',
            value: '1',
            checked: true,
        },
        {
            text: 'Standard Format',
            value: '2',
        }
    ],
    callback: function (result) {
        console.log(result);
    }
    });

我添加了checked: true,并尝试使用checked : "checked",但是不确定这两者都不起作用。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

here文档中对此进行了介绍。我以前也回答了这个问题,但是由于我目前没有指向该回答的链接,因此您需要这样做:

bootbox.prompt({
    title: "This is a prompt with a set of Radiobutton inputs!",
    inputType: 'radio',
    value: '1', /* value sets the initial checked item */
    inputOptions: [
        {
            text: 'EU Format',
            value: '1',
            checked: true,
        },
        {
            text: 'Standard Format',
            value: '2',
        }
    ],
    callback: function (result) {
        console.log(result);
    }
});

单选按钮和复选框之间的唯一区别是您只能使用单选按钮设置一个值。请注意,必须匹配类型。在您的示例中,'1'有效,而1无效,因为前者是字符串,而后者是数字。在检查value属性时,我们不执行任何显式类型强制。

由于您引用的是无线电类型,因此我假设您使用的是5.x版本?如果是这样,我将对文档here进行更新,直到可以推出5.x版本为止。旧文档仍然有效,但是(显然吗?)没有记录某些新功能。