[英]How to hide form-group input box with label in jquery?
如何在jquery
中隐藏带有标签的表单组输入框?
<div class="form-group row"> <label for="4c609cf1bbb6c5080865df9cfc1fb649_code_details_ctk_code" class="col-sm-4 control-label"> Code</label> <div class="col-sm-8"> <div class="input-group col-lg-7 col-md-8 col-sm-12 col-xs-12"> <input type="text" class="form-control pull-left" id="4c609cf1bbb6c5080865df9cfc1fb649_code_details_ctk_code" value=""><span class="input-group-addon dt_col_show_hide_trigger"> <div class="bootstrap-switch bootstrap-switch-wrapper bootstrap- switch-on bootstrap-switch-id-show_hide_4c609cf1bbb6c5080865df9cfc1fb649_code_details_ctk_code_trigger bootstrap-switch-animate" style="width: 109.5px;"><div class="bootstrap-switch-container" style="width: 160px; margin-left: 0px;"><span class="bootstrap-switch-handle-on bootstrap-switch-primary" style="width: 53px;">Hide</span> <span class="bootstrap-switch-label" style="width: 53px;"> </span><span class="bootstrap-switch-handle-off bootstrap-switch-default" style="width: 53px;">Show</span> <input id="show_hide_4c609cf1bbb6c5080865df9cfc1fb649_code_details_ctk_code_trigger" type="checkbox" value="Y" checked="checked"> </div> </div> </span> </div><span class="help-block"> </span> </div> </div>
这用于隐藏。
<script type="text/javascript">
$('#4c609cf1bbb6c5080865df9cfc1fb649_code_details_ctk_code').parents('.form-group').hide();
</script>
在CSS中:
.form-control{
display:none; }
在javascript中:
$('.form-control').hide();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.