Asp. net core MVC отключить множество элементов на клиентском компьютере без связи с сервером - PullRequest
Новая
       107

Asp. net core MVC отключить множество элементов на клиентском компьютере без связи с сервером

0 голосов
/ 09 мая 2020

Привет, у меня много элементов. Когда я нажимаю кнопку sh, он проверяет, какой цвет фона, а затем на основе этого отключает или активирует множество элементов. Какая-то идея? Я лично не знаю, с чего начать. Спасибо за любую помощь. Также мне нужно, чтобы он запускался на компьютере пользователя, поэтому мне не нужно связываться с сервером. Я бродил, может ли JavaScript справиться с этим хорошо, но я не хочу разбирать все элементы по отдельности, так что, может быть, задал класс или что-то в этом роде.

1 Ответ

1 голос
/ 09 мая 2020

Вы можете использовать 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...