setting only the input field as empty string without the selection tag

I have a container that consists of a couple of inputs tag and one select tag. All of them have className, let's call it "contact". In jquery , I am accessing all of them through "contact". Also, there is checkbox that disables when you check it and when toy uncheck it, it empties the input fields and remove disable . The thing i want to do I want when i uncheck the checkbox, I want to set the the input fields as empty string, which i did, but what i did include the selection tag which i do not set as empty string

    $("#showCheckoutHistory").change(function(event){
        if (this.checked){
          $(".contact").attr("disabled","disabled");
        }
        else {
          $(".contact").removeAttr("disabled");
          
          /* here is the problem, how can you empty the value of the                                                                                                                            input ONlY. Without chnaging the className Javascript and                                                                                                                       Adding Another name in the HTML
          */
                                        $(".contact").val("");
        }
    });

<input id="showCheckoutHistory" name="showCheckoutHistory" type="checkbox"/><label for="showCheckoutHistory">check</label>
    
    <div class="container">
    <input type="text" value="oo" class="form-control col-xs-10 contact"><br><br>
    <input type="text" value="xx" class="form-control col-xs-10 contact"><br><br>
      <input type="text" value="yy" class="form-control col-xs-10 contact"><br><br>

    <select class="form-control col-xs-10 contact">
    <option>A</option>
    <option>B</option>
    <option selected>C</option>
    </select>
      
    </div>

There is error but i dont know what is it