Ограничить флажки, которые можно проверить

Question

Я создаю динамический список на странице. И входной элемент распространяется с данными из базы данных.

То, что я хочу сделать, это перечислить данные во входных элементах с флажком в конце каждой строки. Но я только хочу, чтобы пользователь мог нажать на любые 3 из флажков.

Может быть 20 вариантов, но можно выбрать только 3.

Отсюда они могут продолжить. Поэтому у меня есть кнопка отправки, которую я хочу отключить, если не нажата кнопка 3.

Значит, элементы ввода и флажки такие.

<input class="inputLONG" type="text" READONLY value="123 Hauton Road, Burpengary QLD 4506" class="small">&nbsp;&nbsp;<input name="approved" id="check1" value="1" type="checkBox" />
<input class="inputLONG" type="text" READONLY value="86 Clandestine Boulevard, Beachmere QLD 4505" class="small">&nbsp;&nbsp;<input name="approved" id="check2" value="1" type="checkBox" />
<input class="inputLONG" type="text" READONLY value="82 Sentinnel Court, Raby Bay QLD 4178" class="small">&nbsp;&nbsp;<input name="approved" id="check3" value="1" type="checkBox" />
<input class="inputLONG" type="text" READONLY value="1 Lido Court, Wellington Point QLD 4200" class="small">&nbsp;&nbsp;<input name="approved" id="check4" value="1" type="checkBox" />

И кнопка заказа. Который должен быть отключен, если не установлены три флажка.

<span class="samplePromo">Order</span>

Любая помощь приветствуется.

Да, можно выбрать НЕТ МЕНЬШЕ или НЕТ БОЛЬШЕ 3.

Answer 1

Я думаю, что нашел сценарий.

http://www.plus2net.com/javascript_tutorial/checkbox-limit.php

Answer 2

Я написал небольшой фрагмент кода для этого в jsFiddle.

http://jsfiddle.net/mvelaga/Ed8jQ/

Edit:

Новая скрипка для решения сценария, обсуждаемого в комментариях

http://jsfiddle.net/mvelaga/kKGcJ/1/

Answer 3

написать пользовательскую функцию, которая будет запускать щелчок (или замену) флажка, отключать остальные из них, когда отмечены 3, включать кнопки, реагировать противоположно, если включены менее 3 ...