检查textarea是否隐藏

时间:2016-08-17 12:18:45

标签: javascript jquery html css

鉴于是textarea框,我想检查textarea是否隐藏。你可以使用Jquery。此textarea不包含id。我使用了样式元素,我隐藏了textarea。默认情况下,当用户选中复选框时,textarea会被隐藏。

<textarea <%#!((GPNS.BusinessLayer.SpecialItems.SpecialItem)Container.DataItem).Code.Equals("OTH", StringComparison.InvariantCultureIgnoreCase) ? "style='display: none;'" : string.Empty%> id="text<%#((GPNS.BusinessLayer.SpecialItems.SpecialItem)Container.DataItem).ID%>" maxlength="50" placeholder="Enter other item details"></textarea>

3 个答案:

答案 0 :(得分:1)

足够简单

$(document).ready(function(){
var element = $('div.myDiv textarea');
    console.log('is hidden: ' + element.is(':hidden')); // check if the textarea inside div that has a class myDiv is hidden
    console.log('is visible: '+ element.is(':visible')); // The opposite is also possible
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myDiv">
<textarea style="display: none;">
  
  </textarea>
</div>

您应该查看documentation for is()documentation for the :selector pseudo-selector

答案 1 :(得分:0)

if($("textarea").is(":visible")){
/*code*/
}

答案 2 :(得分:0)

你可以使用下面的代码来获得风格

var getStyle =  $('textarea').attr('style');`

并根据收到的样式属性应用条件。