检查文本区域是否隐藏

Check if the textarea is hidden or not

本文关键字:隐藏 是否 区域 文本 检查      更新时间:2023-09-26

给定textarea框,我想检查textarea是否隐藏。您可以使用Jquery。这个文本区不包含id。我已经使用样式元素,我隐藏的文本区域。文本区域默认是隐藏的,当用户选中复选框时,它可以是可见的。

<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>

足够简单

$(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>

您应该查看is()的文档和:selector伪选择器

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

你可以使用下面的代码获得样式

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