<script type="text/javascript" data-author="Tony Partner">  
 
  $(document).on('ready pjax:scriptcomplete',function(){
 
    var qID = '{QID}';
    var thisQuestion = $('#question'+qID);
    var textQuestion = thisQuestion.nextAll('.multiple-short-txt:eq(0)');
 
    // Hide the multiple-short-text
    textQuestion.hide();
 
    // Move the text inputs
    $('tr[id^="javatbd"]', thisQuestion).each(function (i) {
      $('td:last', this).addClass('text-item with-inserted-text').append($('li[id^="javatbd"]:eq('+i+') :text', textQuestion));
    });
 
    // A listener on the checkboxes
    $('td.checkbox-item.text-item input[type="text"]', thisQuestion).on('change keyup', function (event) {
      handleText($(this));
    });
 
    function handleText(thisInput) {
 
      var thisCell = $(thisInput).closest('td');
 
      if($.trim($(thisInput).val()) != '') {
        $('input:hidden', thisCell).val('1');
        $('input:checkbox', thisCell).prop('checked', true).trigger('change');
      }
      else {
        $('input:hidden', thisCell).val('');
        $('input:checkbox', thisCell).prop('checked', false).trigger('change');
      }
    }
  });
</script>

<style type="text/css" data-author="Tony Partner">
 
  .dir-ltr .ls-answers td.checkbox-item.with-inserted-text {
    padding: 4px;
  }
 
  td.with-inserted-text label::before,
  td.with-inserted-text label::after {
    display: none;
  }
 
  @media only screen and (min-width: 768px) {
 
    .dir-ltr .ls-answers td.checkbox-item.with-inserted-text {
      padding: 8px 3px;
    }
 
    .dir-ltr .ls-answers td.with-inserted-text label {
      display: none;
    }
  }
</style>