Javascript Jquery对话框中的单选按钮_Javascript_Jquery_Html_Jquery Ui Dialog

Javascript Jquery对话框中的单选按钮

javascript jquery html

Javascript Jquery对话框中的单选按钮,javascript,jquery,html,jquery-ui-dialog,Javascript,Jquery,Html,Jquery Ui Dialog,我试图在jquery对话框中放置一个单选按钮选择器。单选按钮没有出现，只显示确认保存和取消按钮。如何在对话框中生成3个单选按钮。谢谢我的对话框代码如下： $('#dlg-flag').dialog({ autoOpen: false, width: 550, height: 150, closeOnEscape: true, dragg

我试图在jquery对话框中放置一个单选按钮选择器。单选按钮没有出现，只显示确认保存和取消按钮。如何在对话框中生成3个单选按钮。谢谢

我的对话框代码如下：

$('#dlg-flag').dialog({
                autoOpen: false,
                width: 550,
                height: 150,
                closeOnEscape: true,
                draggable: true,
                title: 'Sequence',
            radio:{
                     flag1:function(){//send flag1 to serverside},
                     flag2:function(){send flag2 to serverside},
                     flag3:function(){send flag3 to serverside}
                   },
            buttons: {
                'Confirm Save': function () {
                      //Handle flagdata JSON and send ot serverside

                },
                'Cancel': function () {
                    $('#dlg-flag').dialog('close');
                }

            }
        });

按照@j08691的建议，在html页面的

div中添加代码：

jQuery UI对话框-关闭对话框
提交
选择一个

地址

资格
$（“#提交”）。单击（函数（）{
$（“.dialog”）.dialog（'open'）；
});
$（“.dialog”）.dialog（{
自动打开：错误，
莫代尔：是的，
可调整大小：false，
按钮：{
好的：函数（）{
$（this.dialog（'close'）；
}
},  
可拖动：错误，
beforeClose:函数（事件、ui）{
如果（！$（“.terms”）.prop（“选中”）{
event.preventDefault（）；
$（“[for=terms]”。addClass（“无效”）；
}
},
});                 
有问题吗？在按钮之前需要一个逗号：
。还有，什么是收音机功能@是的，我的问题是在对话框中插入几个单选按钮。还使用逗号编辑了代码。将对话框的内容放在$（'#dlg flag'）元素中，并在该元素上创建按钮。不要试图通过对话框的构建来完成它。@j08691我没听清楚。我应该在单独的定义中创建BYHTML标记吗？
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Dialog - Close The Dialogue Box </title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>
<body>

    <button id="submit">Submit</button>

    <div class="dialog" title="Basic Dialog">
    <div>
        <label for="terms">Select One</label><br/>
        <input type="radio" name="add" class="terms">Address</input><br/>
        <input type="radio" name="add" class="terms">Qualification</input>
    </div>
</div>

<script>
    $("#submit").click(function(){
        $(".dialog").dialog('open'); 
    });
    $( ".dialog" ).dialog({ 
        autoOpen: false,
        modal: true,
        resizable: false,
        buttons: {
            OK: function() {
                $(this).dialog('close');
            }
        },  
        draggable: false,
        beforeClose: function( event, ui ) {
            if ( !$( ".terms" ).prop( "checked" ) ) { 
            event.preventDefault();
                $( "[for=terms]" ).addClass( "invalid" );
            }
        },
    });                 
</script>

</body>
</html>