如何实现用户复选框已选中并显示多个文本框

Question

我有一个CheckBox和Multipe TextBox

imagepickerDelegate

我有脚本

    @Html.CheckBox("myCheck", new { @onclick = "myFunction()" })

如果用户单击复选框，则所有文本框都会显示 如果用户单击未选中的复选框，则隐藏所有TextBox

<script>
 function myFunction() {
 // Get the checkbox
 var checkBox = document.getElementById("myCheck");

 // Get the output TextBox
 var text = document.getElementById("t1");
 var text = document.getElementById("t2");
 var text = document.getElementById("t3");

 // If the checkbox is checked, display the output TextBox
 if (checkBox.checked == true){
 text.style.display = "block";
 } else {
 text.style.display = "none";
 }
 }
</script>

我该如何实现，请帮助我，我是mvc的新手