如何在 JSP 中基于复选框隐藏文本框答案

【问题标题】：How can hide the textbox on basis on checkbox in JSP如何在 JSP 中基于复选框隐藏文本框
【发布时间】：2017-12-11 21:11:48
【问题描述】：

在我的 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>

J 查询

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

请帮帮我

【问题讨论】：

标签： javascript java jquery jsp checkbox

【解决方案1】：

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

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

完整代码

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

【讨论】：

【解决方案2】：

你可以使用 if 来使用条件

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

【讨论】：

【解决方案3】：

使用更改事件

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

【讨论】：