Question

我正在创建一个请假系统，并将数据库与Asp.net链接在一起。在mvc项目中，有一个HTML页面用作登录页面，它有2个按钮。一个按钮表示“管理员”，另一个按钮表示“工作人员”。如果单击“职员”按钮，我想隐藏一些文本框。我该如何实现这一目标？

Answer 1

I have created sample html, you can use jquery to show and hide your textbox based on click if you are using mvc then your textbox is @Html.TextBox or with asp.net set ClientIDMode="Static" - check here

<html>
<head>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<input type="text" id="AdminTxt" />
<button id="showAdmin">Show Admin</button>
<button id="showStaff">Show Staff</button>

<script>
$( "#showAdmin" ).click(function() {
 $("#AdminTxt").show();
});
$( "#showStaff" ).click(function() {
 $("#AdminTxt").hide();
});

</script>

</body>
</html>

Answer 2

您可以将attach en detach函数与JQuery一起使用。因此，如果您有一个名为Admin

的按钮

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>detach demo</title>
  <style>
  p {
    background: yellow;
    margin: 6px 0;
  }
  p.off {
    background: black;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<p>Hello</p>
how are
<p>you?</p>
<button>Attach/detach paragraphs</button>

<script>
$( "p" ).click(function() {
  $( this ).toggleClass( "off" );
});
var p;
$( "button" ).click(function() {
  if ( p ) {
    p.appendTo( "body" );
    p = null;
  } else {
    p = $( "p" ).detach();
  }
});
</script>

</body>
</html>

如何在Asp.net中隐藏文本框

2 个答案: