选中并取消选中复选框

Question

如何正确选中和取消选中复选框？我有很多麻烦.

这是我的代码http://jsfiddle.net/N5Swt/:

<input type="checkbox" id="checkbox1" /> <span> Check me! </span>

// test1
/*$('#checkbox1').attr('checked','true');
$('#checkbox1').attr('checked','false');*/ // This line doesnt work

// test2
$('#checkbox1').attr('checked','true');
$('#checkbox1').removeAttr('checked');
$('#checkbox1').attr('checked','true'); //This line doesnt work

它不起作用.为什么？

Answer 1

jQuery的:

您可以使用jQuery的prop()代替:

$('#checkbox1').prop('checked', true);

取消选中你只需使用:

$('#checkbox1').prop('checked', false);

jsFiddle在这里.

纯Javascript:

在纯Javascript中,您可以使用.checked属性:

document.getElementById('checkbox1').checked = true;

取消选中你只需使用:

document.getElementById('checkbox1').checked = false;

jsFiddle在这里.