Javascript jQuery在选中时获取复选框值，在未选中时移除值

jQuery函数用于在选中时获取复选框值，在未选中时删除值

hiiii
函数displayVals（）{
var check=$（'#check:checked'）.val（）；
$（“#show”）.html（勾选）；
}
var qqq=window.setInterval（函数（）{
displayVals（）
},
10
);

您不需要间隔，每当有人更改复选框时，就会触发

更改

事件，并且在事件处理程序中，您可以根据是否选中复选框来更改

#显示

的HTML：

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

工作演示

js

---

还有另一种方法：

使用新属性方法将返回true或false

$（'checkboxid'）.prop（'checked'）

使用不带libs的javascript

document.getElementById（'checkboxid'）。已选中

使用JQuery的is（）

$（“#checkboxid”）.is（'：checked'）

使用attr进行检查

$（“#checkboxid”）.attr（“checked”）

---

我更喜欢第二个选项。

我想把值放在var中，我该怎么做？如何调整它以使用多个复选框来添加和删除

#show

div中的值？

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

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