JQUERY UI DIALOG

<script type="text/javascript">
$(function ()
{

    $( "#dialog" ).dialog({
        autoOpen: false,
        height: 675,
        width: 1050,
        modal: true,
        title:"IP 列表",
        buttons: {
            "提交": function() {

                var arrayObj = new Array();
                $('.tables1 tbody').find(':checkbox:checked').each(function(){
                    arrayObj.push($(this).val());
                });
                ips = arrayObj.join(',');

                if (ips){
                    if ($('#id_ips').val()){
                        $('#id_ips').val($('#id_ips').val() + ',' + ips);
                    }else{
                        $('#id_ips').val(ips);
                    }
                }
                alert(arrayObj);
                $(this).dialog("close");
            },
            "关闭":function(){
                $(this).dialog("close");
            }
        }
    });

    $("#id_ips").click(function(){
        $( "#dialog" ).load('{% url ips_list %}');
        $( "#dialog" ).dialog( "open" );

    });

});
</script>