Как скрыть и предварительно установить метку jquery css

$(function () {
  $("input[name='radios']").change(function() {
    if (this.value == "true") {
      $("label[for='radio5']").addClass("hidden");
      $("#radio4").prop("checked", true);
    } else {
      $("label[for='radio5']").removeClass("hidden");
      $("#radio4, #radio5").prop("checked", false);
    }
  });
  $("input[name='radios2']").change(function() {
    alert(this.value);
  });
});

.radio-toolbar {
  margin: 15px 0;
}

.radio-toolbar input[type = "radio"] {
  display: none;
}

.radio-toolbar label {
  display: inline-block;
  background-color: #ddd;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 16px;
}

.radio-toolbar label.hidden {
  display: none;
}

.radio-toolbar input[type = "radio"]:checked+label {
  background-color: #bbb;
}

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "radio-toolbar">
  <input type = "radio" id = "radio2" name = "radios" value = "false">
  <label for = "radio2">Open</label>
  <input type = "radio" id = "radio3" name = "radios" value = "true">
  <label for = "radio3">Archived</label>
</div>

<div class = "radio-toolbar">
  <input type = "radio" id = "radio4" name = "radios2" value = "false">
  <label for = "radio4">Option 1</label>
  <input type = "radio" id = "radio5" name = "radios2" value = "true">
  <label for = "radio5">Option 2</label>
</div>