How to Add a Custom Colum on Thickbox Media Gallery Tab?

Question

On searching for a solution, I found the following codes to add col on media page:

add_filter ( "manage_upload_columns",  'upload_columns' );
add_action ( "manage_media_custom_column", 'media_custom_columns' , 0, 2 );

The result is close to what I want, but I need to implement it on thickbox gallery tab-- I want to add an "Include" checkbox column for the media items.

How can I achieve this?

[update]
This checkbox would serve as the include part in the gallery shortcode [gallery include="23,39,45"].

But, the shortcode is not written in the post content. The gallery is added for each post by a theme template.

[update] To save the ids we get from brasofilo's scripts, I added name="include_ids" in the shortcode line and added this:

add_action( 'edit_attachment',  array ($this,'save_to_parent_meta' ));

function save_to_parent_meta(){
if ( isset($_POST['include_ids']) && !empty($_POST['include_ids']) ) {
check_admin_referer('media-form');
update_post_meta( $_REQUEST['post_id'],'include_ids',$_POST['include_ids']);
}
}

This will save the ids to parent post's meta if 'includes_ids' filed is not empty. Nearly perfect. But, when the tab is loaded, the include_ids field is empty, and all checkbox is unchecked. Users might think they need to check again even if they don't want to make change.

Answer 1

While researching I found what may be a duplicate, but I'm really not sure, as this one deals with sending the value somewhere else...

There, I learned that there's a plugin for what I was already coding ( Multiple Galleries) and it injects the include attribute when inserting the gallery.

Nonetheless, a worthy exercise and a joint venture with a StackOverflow'er.

---

Application

Appears in the Gallery and Library tabs.
The idea is to copy/paste the value of the selected images and use it manually.
Usage can be in a Custom Field, from where it is read in some template page.

---

Result of the Code

---

The Code

add_action( 'admin_head-media-upload-popup', 'wpse_53803_script_enqueuer' );

function wpse_53803_script_enqueuer() 
{
    if( $_GET['tab'] == 'gallery' || $_GET['tab'] == 'library' ) 
    {
        ?>
           <style>#media-upload th.order-head {width: 5%} #media-upload th.actions-head {width: 10%}</style>
           <script type="text/javascript">
        jQuery(document).ready( function($) {
            
             /*
              * Add Input Text Field
              */
             $('<span>Copy this to use in the Gallery shortcode as the "include=image-ids" (<a href="http://codex.wordpress.org/Gallery_Shortcode" target="_blank">documentation</a>): </span><input type="text" id="shortcode" style="width:99%;clear:both" /><span></span><hr style="width:99%;opacity:.5" />').prependTo('p.ml-submit:first');

            /*
             * OnClick Populate/Depopulate Text Field
             */
            $(document).on('change','input[type="checkbox"][name^="gal-item"]',function(){
                var checkedIds = $('input[type="checkbox"][name^="gal-item"]:checked').map(function(){
                    return parseInt($(this).prop('name').replace(/gal-item-/,''));
                }).get();

                $('#shortcode').val(checkedIds.join(','));
            });

            /* 
             * Iterate through the Media Items and Add a CheckBox
             */
            $('.filename.new').each(function(i,e){
               var id = $(this).next('.slidetoggle')
                                .find('thead')
                                .attr('id')
                                .replace(/media-head-/, '');
               var filename = $('<label>Add to gal-list <input type="checkbox" name="gal-item-'+id+'" id="gal-item-'+id+'" value=""  /></label>')
                             .insertBefore($(this));
               filename.css('float','right').css('margin','12px 40px 0 0');
             });                 
          });
           </script>
        <?php
    }
}