delete some checkbox files while click the remove button

[Chandragiri]

Hello Everyone,

I am facing problem with knockout bindings. I am new to knockout. So please help me. I am dynamically binding foldernames along with files to accordion. here files are showing in image tag with checkbox also.

How to remove selected files by checkbox on single button click.
here i am posting my code. checkout & help me

<div class="accordion-style1 panel-group" id="accordion" data-bind="foreach:$root.ExtractedMultipleAttachementlist">  <div class="panel panel-default panel-default-custom" style="clear: both"> <div class="panel-heading" style="border: solid 0px #000"> <h3 class="panel-title"> <a data-bind="attr: { href: '#div' + $data.ID }" data-parent="#accordion" data-toggle="collapse" class="accordion-toggle collapsed  panel-title-custom"> <i data-icon-show="icon-user" data-icon-hide="icon-book" class="icon-folder-close  blue bigger 150"></i>
                                *<span data-bind="text:$data.FilePath"></span> <span class="float:right"><i class ="icon-trash bigger-120 black" data-bind="click:$root.DeleteFiles,clickBubble: false" ></i></span> </a> </h3> </div> <div class="panel-collapse collapse" style="clear: both" data-bind="foreach: $data.attachmentLst,attr: { id: 'div' + $data.ID }">
                        @*<div class="panel-body panel-body-custom no-padding-left">      *@

                        <div class="col-xs-4"> <input id="chkDefault" name="chkDefault" type="checkbox" data-bind='event: { change:$root.getSelectedAttachments }' /> <img data-bind="attr: { 'src': $data.ImageThumbnailData }" width="50px" height="50px" /> </div>

                        @* </div>*@
                    </div> </div>  <div style="height: 5px"> </div> </div>

Thanks in Advance
Satish Chandragiri