javascript - 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