时间戳

首页 > 解决方案 > 如何在默认情况下使用 bootbox 提示检查单选按钮

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"，但不确定这两个都不起作用。任何帮助将不胜感激。

标签： radio-buttonbootbox

解决方案

这实际上包含在文档中，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 版本？如果是这样，我对此处的文档进行了正在进行的更新，直到我可以推出 5.x 版本。旧文档仍然有效，但它（显然？）没有记录一些新功能。

推荐阅读