Javascript 选中的单选按钮在jQuery模式对话框中工作不正常

我有一个注册表单，允许用户作为两种类型的用户之一注册。通过选择单选按钮进行选择，根据选择的单选按钮，将通过jquery模式对话框弹出显示不同的注册表单

我的问题是，当前单选按钮工作正常，模式对话框显示正常。但是，调用另一个对话框时，单选按钮不会更新（即它们不代表当前显示的对话框），即使对话框正在更改。（下面的JSFIDLE链接中提供了示例）

例如，当第一次单击“注册”时，会显示对话框，用户可以单击“业务”，并且切换时不会出现任何问题。但是，之后，当用户再次尝试切换回“用户”时，单选按钮不会切换回显示该“用户”即使对话框已切换到“用户”对话框，也会选择

如何确保单选按钮与显示的对话框相对应

HTML（摘录）：

如果您有任何见解，我将不胜感激。谢谢

编辑：jsiddle链接

试试这个

---

试试这个…

打开模态似乎会干扰默认无线电事件的完成。延迟打开模态，直到单击事件完成：

setTimeout(function() {
    $('#2').dialog("open");
}, 1);

---

打开模态似乎会干扰默认无线电事件的完成。延迟打开模态，直到单击事件完成：

setTimeout(function() {
    $('#2').dialog("open");
}, 1);

将模态设置为false

$('#CreateBizForm').dialog({
    autoOpen: false,
    closeOnEscape:false,
    draggable:false,
    resizable:false,
    modal:false,    <--- here
    minWidth:400,
    height:'auto',
    show:"slide"

});

$（'CreateBizForm'）。对话框({
自动打开：错误，
closeOnEscape：错误，
可拖动：错误，
可调整大小：false，
模态：false，将模态设置为false

$('#CreateBizForm').dialog({
    autoOpen: false,
    closeOnEscape:false,
    draggable:false,
    resizable:false,
    modal:false,    <--- here
    minWidth:400,
    height:'auto',
    show:"slide"

});

$（'CreateBizForm'）。对话框({
自动打开：错误，
closeOnEscape：错误，
可拖动：错误，
可调整大小：false，
莫代尔：错，你说的“单选按钮未更新”是什么意思？你能提供你的例子吗？@reporter我似乎无法在JSFIDLE中使用它，我的意思是当我切换到DISROAD时（例如，从表格1到表格2，选中的单选按钮正在工作，但当我尝试单击“上一步”时，对话框会切换，但单选按钮不会更改。）如果您给每个表单中的每个单选按钮赋予相同的名称，会发生什么情况？据我所知，为了更新按钮，浏览器会忽略id属性，只关注name属性。我已经将每个表单中的单选按钮的名称更改为相同的名称，但没有任何新的情况发生。我将更新关于这个names@reporter我已经打开了JSFIDLE，这里是链接“单选按钮未更新”是什么意思？你能在@reporter上提供你的示例吗？我似乎无法在JSFIDLE中使用它，我的意思是当我切换到AD时（例如，从表格1到表格2，选中的单选按钮正在工作，但当我尝试单击“上一步”时，对话框会切换，但单选按钮不会更改。）如果您给每个表单中的每个单选按钮赋予相同的名称，会发生什么情况？据我所知，为了更新按钮，浏览器会忽略id属性，只关注name属性。我已经将每个表单中的单选按钮的名称更改为相同的名称，但没有任何新的情况发生。我将更新关于这个names@reporter我已经打开了JSFIDLE，这是链接，我已经尝试了你的建议，但似乎没有任何效果
$('#CreateBizForm').dialog({
    autoOpen: false,
    closeOnEscape:false,
    draggable:false,
    resizable:false,
    modal:false,    <--- here
    minWidth:400,
    height:'auto',
    show:"slide"

});