javascript - jQuery如果选中则获取复选框值并在未选中时删除值

Question

jQuery 函数，如果选中则获取复选框值，如果未选中则删除值。

这里的例子

<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);
});

小提琴

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

Answer 3

还有另一种方法：

1. 使用新的属性方法将返回 true 或 false。

   $('#checkboxid').prop('checked');

2. 使用没有库的 javascript

   document.getElementById('checkboxid').checked

3. 使用 JQuery 的 is()

   $("#checkboxid").is(':checked')

4. 使用 attr 进行检查

   $("#checkboxid").attr("checked")

我更喜欢第二种选择。