的jQuery獲取複選框的值，如果選中刪除值時選中

Question

jQuery函數來獲取複選框的值，並移除如果不加以控制

example here

<input type="checkbox" id="check" value="3" />hiiii 

    <div id="show"></div> 

function displayVals(){ 
var check = $('#check:checked').val(); 
    $("#show").html(check); 
} 
var qqqq = window.setInterval(function(){ 
displayVals()},10 
); 

Answer 1

你並不需要一個間隔值，每次有人改變複選框change事件被觸發，並且在事件處理程序中，您可以根據是否更改#show的HTML複選框被選中：

$('#check').on('change', function() { 
    var val = this.checked ? this.value : ''; 
    $('#show').html(val); 
}); 

FIDDLE

Answer 2

工作演示http://jsfiddle.net/cse_tushar/HvKmE/5/

JS

$(document).ready(function(){ 
    $('#check').change(function(){ 
     if($(this).prop('checked') === true){ 
      $('#show').text($(this).attr('value')); 
     }else{ 
      $('#show').text(''); 
     } 
    }); 
});