如果选择了任一选项框，如何隐藏文本框

var checkbox = document.getElementById("checkboxId");
var textbox = document.getElementById("textboxId");

checkbox.addEventListener("change", function() {
  if (checkbox.checked) {
    textbox.style.display = "none";
  } else {
    textbox.style.display = "block";
  }
});

$("#checkboxId").change(function() {
  if ($(this).is(":checked")) {
    $("#textboxId").hide();
  } else {
    $("#textboxId").show();
  }
});

<div id="app">
  <input type="checkbox" v-model="checkboxValue">
  <input type="text" v-if="!checkboxValue">
</div>

<script>
new Vue({
  el: "#app",
  data: {
    checkboxValue: false
  }
});
</script>