如果选中则获取复选框值的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
);
答案 0 :(得分:14)
您不需要间隔,每当有人更改change
事件被触发的复选框时,在事件处理程序内,您可以根据是否更改#show
的HTML,复选框是检查:
$('#check').on('change', function() {
var val = this.checked ? this.value : '';
$('#show').html(val);
});
答案 1 :(得分:7)
工作演示http://jsfiddle.net/cse_tushar/HvKmE/5/
$(document).ready(function(){
$('#check').change(function(){
if($(this).prop('checked') === true){
$('#show').text($(this).attr('value'));
}else{
$('#show').text('');
}
});
});
答案 2 :(得分:0)
也有这种方式:
使用新的属性方法将返回true或false。
$('#checkboxid')。prop('checked');
使用不带库的javascript
document.getElementById('checkboxid')。checked
使用JQuery的is()
$(“#checkboxid”)。is(':checked')
使用attr进行检查
$(“#checkboxid”)。attr(“ checked”)
我更喜欢第二选择。