时间戳

首页 > 解决方案 > Asp.net core MVC 在不联系服务器的情况下禁用客户端计算机上的许多元素

javascript - Asp.net core MVC 在不联系服务器的情况下禁用客户端计算机上的许多元素

问题描述

嘿，我有很多元素。当我按下按钮时，它将检查背景颜色是什么，然后基于该禁用或启用许多元素。有什么想法？我个人不知道从哪里开始。谢谢你的帮助。另外我需要它在用户计算机上执行，所以我不需要联系服务器。如果 JavaScript 可以做得很好，我在徘徊，但我不想单独评估所有元素，所以可能会评估类或其他东西。

标签： javascriptc#asp.net-mvcasp.net-coreasp.net-core-mvc

解决方案

您可以使用 jQuery 构建一个在客户端工作的简单代码。借助适当的选择器，您可以使用单行代码修改多个元素。

下面的示例将在单击按钮时启用/禁用背景颜色为“蓝色”的输入。

<!DOCTYPE html>
<html>
<head>
<style>
.blueCss{
  background-color: blue;
}
.greenCss{
  background-color: green;
}
.redCss{
  background-color: red;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btnEnable").click(function(){    
    // below line enables all input elements with class blueCss
    $("input.blueCss").removeAttr('disabled');
  });
  
  $("#btnDisable").click(function(){    
    // below line disables all input elements with class blueCss
    $("input.blueCss").attr('disabled','disabled');
  });
  
});

</script>
</head>
<body>
 
 <input type="text" class="blueCss" value="First"> <br>
 <input type="text" class="greenCss" value="Second"> <br>
 <input type="text" class="greenCss" value="Third"> <br>
 <input type="text" class="blueCss" value="Fourth"> <br>
 <input type="text" class="redCss" value="Fifth"> <br>
 
<input type="Button" id="btnDisable" value="Disable Blue"> 
<input type="Button" id="btnEnable" value="Enable Blue"> <br>



</body>
</html>

推荐阅读