Javascript 在输入更改val并选中复选框时进行Ajax Post

我有3个输入字段：

Title: <input type="text" value="Testa Ieraksts" id="blog_title"><br>
Check: <input type="checkbox" value="" id="blog_url_change"><br>
URL:   <input type="text" value="" id="blog_slug" disabled="disabled"><br>

问题：仅当选中复选框且标题输入值更改时，我才需要发布。 如何将这些方法链接在一起？

感谢@iCore；）

---

为什么不听听

$（“#blog_title'）

上的

onchange

事件，并检查其中是否选中了复选框？谢谢，已解决！稍微改变一下逻辑结构：）

jQuery(document).ready(function($){

$('input#blog_url_change').click(function(){
        $('input#blog_slug').attr('disabled', !$(this).attr('checked'));

        var STATUS = $('input#blog_url_change').prop('checked');

        if (STATUS === true) {

        $('input#blog_title').on('change', function() {

                    var DOMAIN  = window.location.hostname;
                    var DATA    = this.value;

                                $.ajax({
                                    type: 'POST',
                                    url:  "http://" +  DOMAIN + "/blog/helper/geturl",
                                    data: 'data=' + DATA,
                                    dataType: 'json',
                                    success:    function (response) {
                                        console.log(response.url);
                                        $('input#blog_slug').val(response.url);
                                    }, 
                                }); // End Ajax  
                });
       }
   });
});

  $('input#blog_title').on('change', function() {
        $('input#blog_url_change').click(function(){
        $('input#blog_slug').attr('disabled', !$(this).attr('checked'));
                var STATUS = $('input#blog_url_change').prop('checked');
                console.log(STATUS);
                if (STATUS === true) {
                    var DOMAIN  = window.location.hostname;
                    var DATA    = $('input#blog_title').val();
                                $.ajax({
                                    type: 'POST',
                                    url:  "http://" +  DOMAIN + "/blog/helper/geturl",
                                    data: 'data=' + DATA,
                                    dataType: 'json',
                                    success:    function (response) {
                                        console.log(response.url);
                                        $('input#blog_slug').val(response.url);
                                    }, 
                                }); // End Ajax  
                }// End If
             });
    });