2015-05-08 2 views
0

У меня возникла проблема с формой, которую мне нужно, чтобы пользователь мог выбрать максимум 2 флажка, а затем он не позволит вам выбрать другой, пока вы сначала отмените выбор. https://jsfiddle.net/Ly1h825h/сформировать несколько флажков, у которых есть предел количества выбранных

Но когда форма выбрана, я не могу получить значения, для которых были отмечены галочки, поскольку имя этого поля является тем же самым, что и javascript. не работа. Поэтому, когда я добавляю квадратные скобки к имени, поэтому он становится опцией [], это нарушает максимальный предел для флажка, который вы можете выбрать, то есть вы можете выбрать все 4., которое вы можете увидеть в этом примере. https://jsfiddle.net/9tnwz8j2/

Может ли кто-нибудь увидеть способ исправить это или что-то не так?

<form name="addtobasket50" id="addtobasket50" method="post" enctype="multipart/form-data" action="cart.php"> 
<label for="12345" id="select12345" class="inpSelect"><input type="checkbox" name="option[]" value="12345" id="12345" class="bundleChk" /> Select</label> 
<label for="12346" id="select12346" class="inpSelect"><input type="checkbox" name="option[]" value="12346" id="12346" class="bundleChk" /> Select</label> 
<label for="12347" id="select12347" class="inpSelect"><input type="checkbox" name="option[]" value="12347" id="12347" class="bundleChk" /> Select</label> 
<label for="12348" id="select12348" class="inpSelect"><input type="checkbox" name="option[]" value="12348" id="12348" class="bundleChk" /> Select</label> 
</form> 
<script type="text/javascript"> 
function checkboxlimit(checkgroup, limit, bundleID){ 
    var checkgroup=checkgroup 
    var limit=limit 
    for (var i=0; i<checkgroup.length; i++){ 
     checkgroup[i].onclick=function(){ 
     var checkedcount=0 
     for (var i=0; i<checkgroup.length; i++) 
      checkedcount+=(checkgroup[i].checked)? 1 : 0 
     if (checkedcount==limit) { 
      document.getElementById('cart'+bundleID).disabled = false; 
     } 
     if (checkedcount>limit){ 
      //var prodID = this.checked.value; 
      //alert(document.getElementsByName("option").checked); 

      this.checked=false 
      } 
     } 
    } 
} 
<script> 
<script type="text/javascript"> 
checkboxlimit(document.forms.addtobasket50.option[], 2,50) 
<script> 

Заранее спасибо Щука

+0

Ну, с одной стороны, вы надеваете 't есть ваша функция внутри тега '

Смежные вопросы