如何根据JSP中的复选框隐藏文本框

时间:2017-07-07 14:13:43

标签: javascript java jquery jsp checkbox

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

{{1}}

J查询

{{1}}

请帮帮我

3 个答案:

答案 0 :(得分:0)

你可以使用条件使用if

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

答案 1 :(得分:0)

`$('.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"]();
    });
});

答案 2 :(得分:0)

  1. 使用更改事件

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