JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div>
        <select name="">
            <option value="1">item 1</option>
            <option value="2">item 2</option>
            <option value="3">item 3</option>
            <option value="4">item 4</option>
            <option value="5">item 5</option>
        </select>
        <span class="select_value"></span>
   </div>
    <div>
        <div class="input_wrapper">
            <label><input type="checkbox" name="">value 1</label>
        </div>
        <div class="input_wrapper">
            <label><input type="checkbox" name="">value 2</label>
        </div>
        <div class="input_wrapper">
            <label><input type="checkbox" name="">value 3</label>
        </div>
        <div class="input_wrapper">
            <label><input type="checkbox" name="" checked>value 4</label>
        </div>
        <div class="input_wrapper">
            <label><input type="checkbox" name="">value 5</label>
        </div>
    </div>
</div>
<br>
<div><input id="print_doc" type="button" value="print" onclick="print();"></div>

CSS

.select_value {
    display: none;
}

@media print {
    .select_value {
        display: block;    
    }
    
   .input_wrapper {
       display: none;
    }
    
    .input_wrapper.checked {
        display: block;
    }
    
    select {
        display: none;
    }
    
    input[type="checkbox"] {
        display: none;
    }
    
    #print_doc {
        display: none;
    }
}

JavaScript

$(function() {
    var $document = $(document),
        $select = $('select'),
        $checkbox = $('input[type="checkbox"]');
    
    function formStyles() {
        $select.each(function() {
            var $this = $(this),
                value = $this.children('option:selected').text();
            
            $this.next('.select_value').text(value);
        });
        
        $checkbox.each(function(){
            var $this = $(this),
                isChecked = $this.prop('checked'),
                $wrapper = $this.closest('.input_wrapper');
            
            if (isChecked) {
                $wrapper.addClass('checked');
            } else {
                $wrapper.removeClass('checked');
            }
        });
        
    }
    $document.on('change', $select.add($checkbox), formStyles);
    formStyles();
});