Отключение мультибокса с помощью jquery

Question

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

<html:multibox property="selectedTxns" styleClass="txnList" >
                                            <bean:write name="Id" property="businessTypeVOId"/>
                                        </html:multibox>

Функция JQuery ->

<script>
function countChecked() {
var n = $(".txnList:checked").length;

          if (n<3) {     $(".txnList:checkbox").removeAttr("disabled"); 
                                                    $("#msg").text(""); 
                                       }
                                     else {     $(".txnList:checkbox:not(:checked)").attr("disabled", true);
                                                $("#msg").text("can not choose more than 3 transactions");
                                     }
                                  }

                                  $(".txnList:checkbox").click(countChecked);
                                </script>

Answer 1

Я проверил вашу логику ( jsFiddle), и она работает.

Я не знаю, как отображается мультибокс, но .txnList контейнер с флажками?

Если это так, вам нужно поместить пробел между контейнером и переключателем флажка следующим образом:

.txnList :checkbox а также .txnList :checked

Это позволит выбрать контейнер, затем флажок.

Надеюсь, это поможет.