Как в зависимости от значения переменной сделать кнопку активной или неактивной?

@Semyon001 · Регистрация: 12.08.2015

Студворк — интернет-сервис помощи студентам

@whiteapps · 31.08.2015, 18:32

Semyon001,

HTML5
1
<button id="button">нажиматель</button>

JavaScript
1
2
var foo = true; 
document.getElementById('button').disabled = foo;

@Kven-M · 31.08.2015, 18:37

Надо определить используемое значение и передать кнопке значение disabled="disabled". Вот как сделано у меня через js, для добавления картинок в галерею, можешь взять как за образец.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
var max = 5;
    var min = 1;
    $("#del").attr("disabled", true);
    $("#add").click(function(){
        var total = $("input[name='galleryimg[]']").length;
        if(total < max){
            $("#btnimg").append('<div><input type="file" name="galleryimg[]" /></div>');
            if(max == total + 1){
                $("#add").attr("disabled", true);
            }
            $("#del").removeAttr("disabled");
        }
    });

@Semyon001 · 31.08.2015, 18:59 **[ТС]**

whiteapps, А какое событие использовать для вызова функции, которую вы написали в JS?

@whiteapps · 31.08.2015, 19:15

Semyon001, любое
какое захотите
какое вам нужно

задайте конкретнее вопрос

пример - я хочу чтобы при клике на кнопку А, кнопка Б становилась неактивной

@Semyon001 · 31.08.2015, 19:23 **[ТС]**

У меня есть столбик однотипных кнопок, мне надо когда загружается страница, часть из них становилась активной, часть неактивной, всё зависит от того, какое значение будет принимать переменная. Вот часть кода:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<?
$N=1;
$result = mysql_query("SELECT * FROM order_table where id_user='3' and not status='удалён'");
while($row = mysql_fetch_array($result)):
    $id=$row['id'];
$query = mysql_query("SELECT * FROM answer_table WHERE id=$id");
$rows = mysql_fetch_array($query);
$f="Решающего нет";
do
{ 
  if ($rows['status']=="Выберите решающего" && $f!="Решается")
  {
    $f="Выберите решающего";
  }
    if ($rows['status']=="Решается")
  {
    $f="Решается";
  }
}
while($rows = mysql_fetch_array($query));
if ($f=="Решающего нет") 
    $flag="true";
else $flag="false";
?>
<tr>
    <td><?=$N?> </td>   
    <td align=center><font color="#333333" face="Arial" style="font-size: 11px"><abbr title="Раздел задачи"><?=$row['razdel']?></td>
    <td><?=$row['price']?></td>
    <td><? echo $row['day']."-".$row['month']."-".$row['year']." ".$row['hour']?></td>
    <td><?=$row['comment']?></td>
    <td><a href=<?=$row['filename']?> download>Скачать</a></td>
    
    <form action="select.php" method="POST" >
    <td align=center >
 
        <INPUT TYPE=HIDDEN NAME="flag" VALUE=<?=$flag?> id="flag">
        <input type="image" name="id" value=<?=$row['id']?> src="images/users.png" width="40" height="40" id="select" onload="chek()">
        
    </td>
    </form>

Кнопка сделана в виде рисунка.
А вот код, который обрабатывает событие:

JavaScript
1
2
3
4
5
<script type="text/javascript" lang="javascript">
        function chek() {
        document.getElementById('select').disabled = document.getElementById('flag').value;
        }
</script>

Только этот вариант не работает...

@whiteapps · 31.08.2015, 19:42

Semyon001,

PHP/HTML
1
 <input type="image" name="id" value=<?=$row['id']?> src="https://www.cyberforum.ru/images/users.png" width="40" height="40" <?=$flag ? 'disabled' : null;?>/>

это вообще уберите

PHP/HTML
1
<INPUT TYPE=HIDDEN NAME="flag" VALUE=<?=$flag?> id="flag">

@Semyon001 · 31.08.2015, 19:53 **[ТС]**

whiteapps, почему то теперь все кнопки стали неактивными, хотя там должны быть и активные

@whiteapps · 31.08.2015, 20:01

Semyon001,

PHP/HTML
1
2
3
if ($f=="Решающего нет") 
    $flag=true;
else $flag=false;

уберите кавычки
любая строка даст true

Добавлено через 6 минут
Semyon001,
и вообще, статус в базе лучше хранить в виде цифровых констант

@Semyon001 · 31.08.2015, 20:02 **[ТС]**

whiteapps, ясно, спасибо!!!

KOPOJI · 31.08.2015, 22:56

whiteapps, извиняюсь, что влезаю.. Маленькая поправка

Сообщение от whiteapps

PHP
1
2
3
if ($f=="Решающего нет") 
    $flag=true;
else $flag=false;

PHP
1
$flag = $f == 'Решающего нет';

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@Semyon001 5 / 5 / 0 Регистрация: 12.08.2015 Сообщений: 340

	Как в зависимости от значения переменной сделать кнопку активной или неактивной? 31.08.2015, 18:08. Показов 6095. Ответов 10 Метки нет (Все метки) Как в зависимости от значения переменной сделать кнопку активной или неактивной? 0

@Semyon001 5 / 5 / 0 Регистрация: 12.08.2015 Сообщений: 340
	31.08.2015, 18:59 [ТС]
	whiteapps, А какое событие использовать для вызова функции, которую вы написали в JS? 0

@whiteapps 414 / 379 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	31.08.2015, 19:15
	Semyon001, любое какое захотите какое вам нужно задайте конкретнее вопрос пример - я хочу чтобы при клике на кнопку А, кнопка Б становилась неактивной 0

@Semyon001 5 / 5 / 0 Регистрация: 12.08.2015 Сообщений: 340
	31.08.2015, 19:53 [ТС]
	whiteapps, почему то теперь все кнопки стали неактивными, хотя там должны быть и активные 0

@Semyon001 5 / 5 / 0 Регистрация: 12.08.2015 Сообщений: 340
	31.08.2015, 20:02 [ТС]
	whiteapps, ясно, спасибо!!! 0

Как в зависимости от значения переменной сделать кнопку активной или неактивной?

Решение