Как реализовать флажок пользователя флажок и показать несколько TextBox

Question

У меня есть флажок и многократный текстовый ящик

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

У меня есть скрипт

<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>

если пользователь нажимает на флажок, а также отображается все текстовое поле если пользователь не установил флажок, скрыть все текстовые поля

@Html.TextBox("t1",null,new{@class="form-control", hidden})
@Html.TextBox("t2",null,new{@class="form-control", hidden})
@Html.TextBox("t3",null,new{@class="form-control", @rows="10", hidden})

Как мне реализовать, пожалуйста, помогите мне, я новичок в MVC