js 中对 checkbox 的操作

  1. 1. 设置值
    1. 1.1. get checked

设置值

原生js

1
2
3
4
// Check
document.getElementById("checkbox").checked = true;
//  Uncheck
document.getElementById("checkbox").checked = false;

jQuery (1.6+):

1
2
3
4
// Check
$("#checkbox").prop("checked", true);
//  Uncheck
$("#checkbox").prop("checked", false);

jQuery (1.5-):

1
2
3
4
// Check
$("#checkbox").attr("checked", true);
//  Uncheck
$("#checkbox").attr("checked", false);

1
2
3
4
//Check
document.getElementById('checkbox').setAttribute('checked', 'checked');
//UnCheck
document.getElementById('checkbox').removeAttribute('checked');

get checked

1
2
3
4
5
6
7
// traditional attr
$('#checkMeOut').attr('checked'); // "checked"
// new property method
$('#checkMeOut').prop('checked'); // true
$("#txtAge").get(0).checked
$("#txtAge").is(":checked")