Javascript向DOM中的对话框添加单选按钮

我对使用DOM真的很陌生，我在单选按钮方面遇到了麻烦。我有一个图像按钮，当点击时会打开一个对话框，其中有一个OK和CANCEL选项。我想做的是在文本下方、OK和Cancel按钮上方的对话框中添加两个单选按钮（ASC和DESC）。这能做到吗

到目前为止，我所拥有的：

function changeTheFilter(){

 if (confirm("How would you like to filter the column?") == true) {
        x = "OK";
       alert("Get the result of the radio button");
    } else {
        x = "Cancel";
       alert("Keep everything the same");
    } 
}

其中显示：

---

我知道要创建单选按钮，我可以使用：

 var x = document.createElement("INPUT");
    x.setAttribute("type", "radio");
    x.setAttribute("id","filter");
    x.setAttribute("value","ASC");
    document.body.appendChild(x);

但我在以下方面遇到了问题：

将单选按钮添加到对话框中

将单选按钮置于测试下方和按钮上方

确定单击了哪个按钮

---

提前谢谢你！！！如果我不清楚，请告诉我，我会很高兴地解释我自己。

alert（）

和

confirm（）

对话框不是HTML。您无法更改它们的功能。

不幸的是，

alert（）

框和

prompt（）

或

confirm（）

无法修改。但既然您询问是否可以使用JQuery来实现这一点，我建议您使用JQuery UI对话框：

---

您可以在上面提供的链接中找到上述选项。

alert（）

对话框无法修改。要做到这一点，你必须创建一个自定义javascript对话框。我可以使用jQuery来实现吗？我冒着被钉死在十字架上的风险，但你可以使用jQuery UI对话框？@madstermaddess你可以使用许许多多的库。这是一个马术课程的问题。我有一个比其他库小得多的库，但如果您想要快速、可定制、模块化的库，并且其他库所做的一切都不会臃肿，请尝试（这不是我的库）。您建议我怎么做？

$('#mydialogID').dialog({//put dialog option here});