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

时间:2013-07-18 07:47:22

标签: javascript jquery function checkbox

如果选中则获取复选框值的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
);

3 个答案:

答案 0 :(得分:14)

您不需要间隔,每当有人更改change事件被触发的复选框时,在事件处理程序内,您可以根据是否更改#show的HTML,复选框是检查:

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

FIDDLE

答案 1 :(得分:7)

工作演示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('');
        }
    });
});

答案 2 :(得分:0)

也有这种方式:

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

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

  2. 使用不带库的javascript

    document.getElementById('checkboxid')。checked

  3. 使用JQuery的is()

    $(“#checkboxid”)。is(':checked')

  4. 使用attr进行检查

    $(“#checkboxid”)。attr(“ checked”)

我更喜欢第二选择。