允許用戶選擇等於文本輸入值的復選框數量

Question

您想幫我，我有一個表格，其中有一個輸入文本和4個chechbox，我要做的是，如果您在輸入中寫一個值，則與我可以選中該復選框的數量相同，例如，寫出值3在輸入和復選框組中，只允許我選擇任意3個框，而缺少的第四個框已關閉，或者您無法選中。

謝謝並恭祝安康。

HTML：

    <input id="iddata_13561" name="data_13561" type="text" value="" >

    <input name="data" id="iddata_13562" type="checkbox"  value="1">
    <input name="data" id="iddata_13570" type="checkbox"  value="1">
    <input name="data" id="iddata_13578" type="checkbox"  value="1">
    <input name="data" id="iddata_13586" type="checkbox"  value="1">

JS：

     $(document).ready(function () {
           $("input[name='tech']").change(function () {

              var maxAllowed = $('#iddata_13561').attr('value');

              var cnt = $("input[name='tech']:checked").length;

             if (cnt > maxAllowed)
              {
                 $(this).prop("checked", "");
                 alert('Select maximum ' + maxAllowed + ' technologies!');
             }
          });
        });

Answer 1

您不想要屬性value ，而是想要當前值。 為此，您使用val ：

var maxAllowed = $('#iddata_13561').val();

http://jsfiddle.net/efKAb/

注意 ：我將name='data'更改為tech因為我認為這是復制/粘貼錯誤。