如何隐藏文本框的基础上在JSP中的复选框

Question

在我的JSP页面两个字段之一是文本框和一个是复选框，我试着用j查询和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> 

Ĵ查询

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

请帮我出

Answer 1

`$('.reg')[this.checked ? "hide" : "show"]();` 

这只会隐藏使用条件您需要的<p>标签使用$('#reg')[this.checked ? "hide" : "show"](); 来隐藏输入框。

全码

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

Answer 2

您可以使用，如果

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

Answer 3

1. 使用更改事件

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