Javascript 如何在JSP中隐藏基于复选框的文本框

在我的JSP页面中有两个字段，一个是文本框，一个是复选框，我尝试使用j query和java脚本在复选框的复选框上隐藏文本框，但它没有反映出来。下面我在这里提到代码

<p class="contact"> <input id="check" name="check" value="check" style="margin-right: 10px" type="checkbox" tabindex="11">
        <label for="name"> Not Yet Registered</label> </p>


        <p class= "reg"><label for="reg">Register No.</label></p><br>
        <input id = "reg" maxlength="15"  name= "reg" placeholder="Reg No." type ="text" tabindex="12"><br><br>

---

请帮助我

您可以使用条件

if('#check').checked==true{
  $('#reg').css("display","none")
}

这将仅隐藏您需要使用的

$（'#reg'）[this.checked？“hide”：“show”]（）；

隐藏输入框

完整代码

$(document).ready(function () {
    $('#check').click(function () { 
        $('.reg')[this.checked ? "hide" : "show"]();                   
        $('#reg')[this.checked ? "hide" : "show"]();
    });
});

使用更改事件

$('#check').change(function() {
       $(this).is(":checked")?$('.reg').hide():$('.reg').show()
 });

$(document).ready(function () {
    $('#check').click(function () { 
        $('.reg')[this.checked ? "hide" : "show"]();                   
        $('#reg')[this.checked ? "hide" : "show"]();
    });
});

$('#check').change(function() {
       $(this).is(":checked")?$('.reg').hide():$('.reg').show()
 });