Javascript 如何将HTML输入添加到sweet alert？

我试图添加单选按钮到对话框中使用甜警报，但我无法做到这一点。代码如下：

swal({
        title: "<small>Please select an reason to cancel this job !</small>",
        type: "warning",
        text:"<input type=\"radio\" name=\"reason\" value=\"male\">Reason 1<br><input type=\"radio\" name=\"reason\" value=\"female\">Reason 2<br><input type=\"radio\" name=\"reason\" value=\"female\">Other Reason",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes",
        cancelButtonText: "No",
        closeOnConfirm: false,
        closeOnCancel: false,
        html: true
    },
            function(isConfirm){
                if (isConfirm) {
                    swal("Result !","Job cancelled successfully.");
                } else {
                    swal("Cancelled  !", "Process aborted");
                }
            });

---

默认sweetalert的样式表隐藏警报中的所有输入字段，因此您必须恢复初始值：

.sweet-alert input {
   display: initial;
   width: auto;
   height: auto;
   margin: auto;
}

支持开箱即用的无线电输入：

喷火{ 标题：“选择颜色”， 输入：'收音机'， 输入选项：{ “ff0000”：“红色”， “00ff00”：“绿色”， “0000ff”：“蓝色” }, //验证器是可选的 inputValidator:functionresult{ 如果！结果{ 返回“您需要选择某些内容！”； } } }.Then函数结果{ 如果result.isconfirm{ 喷火{ 图标：“成功”， html:“您选择了：”+result.value }; } }

---

我需要在哪里添加这个？进入我的css文件或sweetalert.css？由你决定。除非您从CDN获得sweetalert.css，否则您只需替换display.sweet alert输入中的规则：none；要显示：内联块；。你知道这个错误吗？如果知道，请帮我解决。仍不适用于复选框值。它们被转换成文本输入元素。@Alvaro无法复制，您能给一个复制此问题的JS Fiddle的链接吗？您收到了什么错误？发布问题时，更多信息很有帮助。有关改进问题的帮助，请参阅。