jQuery - делаем неактивной кнопку отправки - JavaScript, Ajax

Bilargo · 15.05.2016, 11:59

Добрый день!
Не могу понять где ошибка, есть скрипт:

Код:

<script>
jQuery(window).on('load', function ChkState () {
	if(jQuery(".place").is(":checked") {
	jQuery("#submitbtn").attr('disabled', false);				
	} else {
	jQuery("#submitbtn").attr('disabled', true);
	}
}));
	jQuery(window).on('load', function () {
	jQuery(".place").click(ChkState);
});
</script>

Который проверяет значение чекбокса, если один из крыжиков активирован, кнопка должна просыпаться. При загрузке страницы скрипт даёт "ноль по фазе", где может быть ошибка?

Вадим Мошев · 15.05.2016, 12:53

Попробуйте такой код:

Код:

$(document).ready(function () {
  $('.place').on('change', function () {
  var $t = $('.place');
  var cnt = 0;

  for (var i = 0; i <= $t.length - 1; i++) {
    if ($t.eq(i).is(':checked')) {
      cnt++;
    };
  };

  var btn = document.getElementById('submitbtn');
  btn.setAttribute('enabled', !!cnt);

  });


});

~~НЕ Проверял.~~
Проверил. Не работает

Bilargo · 15.05.2016, 13:04

Цитата:

Сообщение от Вадим Мошев

Попробуйте такой код:

Код:

$(document).ready(function () {
  $('.place').on('change', function () {
  var $t = $('.place');
  var cnt = 0;

  for (var i = 0; i <= $t.length - 1; i++) {
    if ($t.eq(i).is(':checked')) {
      cnt++;
    };
  };

  var btn = document.getElementById('submitbtn');
  btn.setAttribute('enabled', !!cnt);

  });


});

~~НЕ Проверял.~~
Проверил. Не работает

Аналогичный результат..

Вадим Мошев · 15.05.2016, 13:55

Так.
Проверяйте.

HTML

Код HTML:

<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html>
	<head>
		<title></title>

    <script type="text/javascript" src="http://code.jquery.com/jquery-2.2.3.min.js"></script>
    <script type="text/javascript" src="bbb.js"></script>
	</head>

	<body>
    <input type="checkbox" class="place" name="">
    <input type="checkbox" class="place" name="">
    <input disabled type="submit" id="submitbtn" name="">
	</body>


</html>

JS+JQ

Код:

$(document).ready(function () {
  var $t = $('.place');
  $t.on('change', function() {
   var cnt = 0;
   for (var j = 0; j <= $t.length - 1; j++) {
      if ($t.eq(j).is(':checked')) {
        cnt++;
      };
   };

   var $btn = $('#submitbtn');
   if (cnt) {
    $btn.prop('disabled', false);
   } else {
    $btn.prop('disabled', true);
   };  


  }); 


    });

Bilargo · 15.05.2016, 14:53

При добавлении библиотеки слетает страница.

Код:

<script type="text/javascript" src="http://code.jquery.com/jquery-2.2.3.min.js"></script>

С чем это может быть связано?

Код:

$(document).ready(function () {
  var $t = $('.place');
  $t.on('change', function() {
   var cnt = 0;
   for (var j = 0; j <= $t.length - 1; j++) {
      if ($t.eq(j).is(':checked')) {
        cnt++;
      };
   };

   var $btn = $('#submitbtn');
   if (cnt) {
    $btn.prop('disabled', false);
   } else {
    $btn.prop('disabled', true);
   };  


  }); 


    });

Работает

Вадим Мошев · 15.05.2016, 17:12

Цитата:

При добавлении библиотеки слетает страница.

Не понимаю. Можете скачать библиотеку себе и ссылаться на неё "локально", указав относительный путь...

15.05.2016, 12:53	#2
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	Попробуйте такой код: Код: `$(document).ready(function () { $('.place').on('change', function () { var $t = $('.place'); var cnt = 0; for (var i = 0; i <= $t.length - 1; i++) { if ($t.eq(i).is(':checked')) { cnt++; }; }; var btn = document.getElementById('submitbtn'); btn.setAttribute('enabled', !!cnt); }); });` ~~НЕ Проверял.~~ Проверил. Не работает Последний раз редактировалось Вадим Мошев; 15.05.2016 в 13:01.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Сделать ячейку активной / неактивной по условию	Cluster	Microsoft Office Excel	10	31.07.2015 09:50
Hint для неактивной кнопки	Ivan174	Общие вопросы Delphi	8	25.04.2013 15:11
Выделение строки на неактивной форме	Dmitrov	БД в Delphi	3	09.05.2011 14:34
WebBrowser нажатие на кнопку отправки	Bug_Q	Работа с сетью в Delphi	4	06.02.2011 20:43
Как сделать неактивной кнопку печати в окне предварительного просмотра	PSZ	Microsoft Office Excel	0	05.11.2010 15:29