Форум Сайтостроение Веб-строительство

Подскажите аналогичный скрипт

S
На сайте с 27.01.2010
Offline
45
shkiper
519

Всем добрый день, просьба знающих хорошо js подскажите аналогичный скрипт этому

<script>

var checkCount = 0;
var maxChecks = 5;

inputArray = document.getElementsByTagName("input");

for(var i = 0; i < inputArray.length; i++)
{
  if(inputArray.type == "checkbox")
  {
    if (inputArray.checked)
    {
      checkCount += 1;
    }
  }
}

function setChecks(input)
{
  if(input.checked)
  {
    checkCount += 1;  
  }
  else
  {
    checkCount -= 1;
  }

  if (checkCount > maxChecks)
  {
    alert('Пожалуйста, выберите не более '+maxChecks+' утверждений');
    input.checked = false;
    checkCount -= 1;
    return false;
  }
}
</script>

<script>
$( ':checkbox:checked' ).each(function(){
    alert(this.value);
});
</script>

Этот скрипт проверяет сколько отмечено чекбоксов, и он не дает отметить более 5 чекбоксов.

А нужно чтоб проверял если заполнено меньше 5 чекбоксов, чтоб не возможно было нажать на кнопку submit и выводился arlet типа отметьте не меньше 5 чекбоксов.

PR
На сайте с 30.12.2007
Offline
140
PROGRAMMATOR
#1 

	$(document).on('click', 'input[type="checkbox"]', function() {

		var $checkedCount = $('input:checked').length;

		var $checkedRequired = 5;



		if ($checkedCount != $checkedRequired) {

			$('button[type="submit"]').prop('disable', true);

			console.log('Checked: ' + $checkedCount + ' required: ' + $checkedRequired);

		}

		else {

			$('button[type="submit"]').prop('disable', false);

			console.log('All fine');

		}

	});
S
На сайте с 27.01.2010
Offline
45
shkiper
#2

Скажите пожалуйста, а .prop это атрибут кнопки sabmit ? Или какой атрибут указать кнопке sabmit чтоб скрипт заработал?

PR
На сайте с 30.12.2007
Offline
140
PROGRAMMATOR
#3

Установка свойства кнопки.

S
На сайте с 27.01.2010
Offline
45
shkiper
#4

Не чего не понял про Установка свойства кнопки... А нельзя ли просто подсказать рабочи пример к примеру если код кнопка submit

<input type="submit" value="Отправить" name="form[Submit]" id="Submit" class="rsform-submit-button" />

А так получается вы конечно откликнулись спасибо большое но с примером вашего кода не разберешся, и чтоб разобраться кучу нужно англоязычных сайтов перелопатить.

JS: AJAX Serialize JS форма и значения Помогите с авторизацией на
PR
На сайте с 30.12.2007
Offline
140
PROGRAMMATOR
#5

button[type="submit"] сменить на #Submit

S
На сайте с 27.01.2010
Offline
45
shkiper
#6
PROGRAMMATOR:
button[type="submit"] сменить на #Submit

Вставил код 

<script>

$(document).on('click', 'input[type="checkbox"]', function() {

		var $checkedCount = $('input:checked').length;

		var $checkedRequired = 5;



		if ($checkedCount != $checkedRequired) {

			$('#Submit').prop('disable', true);

			console.log('Checked: ' + $checkedCount + ' required: ' + $checkedRequired);

		}

		else {

			$('#Submit').prop('disable', false);

			console.log('All fine');

		}

	});

</script>

не срабатывает проверка...

Exillon
На сайте с 30.01.2008
Offline
94
Exillon
#7 

$('#submit').prop("disabled", true);
$('input.single').on('change', function(evt) {
   if($('input.single:checked').length == 5) $('#submit').prop("disabled", false);
   else $('#submit').prop("disabled", true);
});

пример http://jsfiddle.net/vVxM2/94/

Перехват доменов с ТИЦ и PR, Списки дроп доменов. (https://dropwind.com/exp_domains) Регистрация доменов net-7.66$, com-8.30$, org-5.99. Хостинг от 1.24$. (https://dropwind.com/) wm BL 750+

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий