如何显示jquery对话框标题栏上的复选框？

Question

代码：

jQuery的对话框，

$('#status-dialog') 
       .dialog({ 
        hide: 'fade', 
        autoOpen: false, 
        resizable: true, 
        title: 'Status', 
        modal: false 
       }); 

Index.cshtml

<div class ="cb-status"> 
    <input id="accept-cb-name" type="checkbox"/> 
    By Name<br /><br /> 
</div> 

如何显示在jQuery的对话框标题（ “状态”）栏的复选框？

Answer 1

入住这里DEMO http://jsfiddle.net/yeyene/GnpQ8/7/

$(document).ready(function(){ 
    $("#dialog-model").dialog({ 
     create: function (event, ui) { 
      $(".ui-dialog-title").html('<input id="accept-cb-name" type="checkbox"/> By Name'); 
     }, 
     width: 250, 
     height: 150,  
     modal: true, 
     resizable: false 
    }); 
    // checkbox event 
    $(document).on('click','.ui-dialog-title input', function(){ 
     alert('Bang !!'); 
    }); 
});