切換複選框值

Question

切換複選框值不起作用。當點擊該複選框，輸入字段的值設置爲1。當我再次單擊該值應爲空白

<div class="GruppoCheck"> 
<input type="checkbox" value="1"/> 

</div> 
<div id="checkMonitor"></div> 
<div id="checkMonitorNUMBER"></div> 
<div id="test"></div> 

JS：

var CheckFUN = function() { 
    var numberCheckedVAR = $('input:checkbox:checked').length; 

    var $checkMonitor = $('#checkMonitor').empty(); 
    $('.GruppoCheck :checkbox:checked').each(function(index) { 
     if(index == 0){ 
      $checkMonitor.append($(this).val()); 
      var val = $(this).val(); 
     } 
     $('#test').html('<input type="text" id="testi" value="'+val+'"> '); 

    }); 
} 

$('input[type="checkbox"]').change(function(){ 
    CheckFUN(); 
}); 

Answer 1

要知道，如果一個複選框被選中你不必使用價值，但checked道具;在你的情況下，你的代碼可以通過使用length屬性變得更簡單。

代碼：

var totChk=$('.GruppoCheck :checkbox:checked').length; 
$('#test').html('<input type="text" id="testi" value="' + totChk + '"> '); 

演示：http://jsfiddle.net/IrvinDominin/w5dqq6us/1/