如果选中，则jQuery获取复选框值，并在取消选中时删除值

Question

jQuery function to get checkbox value if checked and remove value if unchecked.

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

You don't need an interval, everytime someone changes the checkbox the change event is fired, and inside the event handler you can change the HTML of #show based on wether or not the checkbox was checked :

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

FIDDLE

Answer 2

Working Demo 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

there is this way too:

1. Using the new property method will return true or false.

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

2. Using javascript without libs

   document.getElementById('checkboxid').checked

3. Using the JQuery's is()

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

4. Using attr to get checked

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

i prefer second option.