如果選中，則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. 使用new屬性方法將返回true或false。

   $（ '＃checkboxid'）丙（ '檢查'）;

2. 使用沒有libs的javascript

   的document.getElementById（ 'checkboxid'）。檢查

3. 使用JQuery是（）

   $（ “＃checkboxid”）是。（ '：勾選'）

4. 使用attr進行檢查

   $（ “＃checkboxid”）。ATTR（ “選中”）

我更喜歡第二種選擇。