的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(''); 
     } 
    }); 
});