我正在尝试使用甜蜜警报将单选按钮添加到对话框中,但我无法做到.以下是代码：
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;
}
