Показать сообщение отдельно
  #1 (permalink)  
Старый 15.07.2015, 20:56
Интересующийся
Отправить личное сообщение для november Посмотреть профиль Найти все сообщения от november
 
Регистрация: 01.08.2013
Сообщений: 23

Disable submit пока не заполнены минимум 5 checkbox
Здравствуйте.
Есть такой код:
$(document).ready(function(){
 
    $.each($(".checkbox"),function(){
        if($("input", this).is(':checked')){
          $(this).addClass("checked");
        }
      }
    );
    $(".checkbox").click(function(){
        $(this).toggleClass("checked");
        var path = $("input", this);
        if(path.is(':checked')){
          path.attr("checked", false);
        }else{
          path.attr("checked", true);
        }
      }
    );
  }
);

<script>
var n;
function check_all()
{

n = $("input:checked").length;

}

function show_result()
{
if(n>=4){
$('input:submit').attr("disabled", false);	
}
else
{
$("#result_calc").html("<div class=\"result_calc\">Нужно отметить больше 5 пунктов</div>");
}
}
 
</script>


<span class="checkbox">
  <input type="checkbox"  />
    <span class="check" onclick="check_all();"></span> </span>

<input disabled id="button" type="submit"/>


Я хочу следующее - в форме много checkbox'ов - что-то вроде калькулятора. Нужно, чтобы, пока не были отмечены минимум 5 checkbox кнопка отправить была не активна. Мне нужно именно такое решение, т.е. до отправки проверять количество отмеченных чекбоксов.

Вот только данный код у меня не работает. Вообще ничего не происходит. Кнопка не включается. Может нужно на кнопку поставить onclick и тогда проверять поля?
Ответить с цитированием