Javascript 选中和取消选中复选框

Javascript 选中和取消选中复选框,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,如何右键选中和取消选中复选框? 我有很多麻烦 这是我的密码: 检查我! //测试1 /*$('#checkbox1').attr('checked','true'); $('#checkbox1').attr('checked','false');*//这条线不行 //测试2 $('#checkbox1').attr('checked','true'); $(“#checkbox1”).removeAttr('checked'); $('#checkbox1').attr('checked','

如何右键选中和取消选中复选框? 我有很多麻烦

这是我的密码:

检查我!
//测试1
/*$('#checkbox1').attr('checked','true');
$('#checkbox1').attr('checked','false');*//这条线不行
//测试2
$('#checkbox1').attr('checked','true');
$(“#checkbox1”).removeAttr('checked');
$('#checkbox1').attr('checked','true')//这条线不行

它不起作用。为什么?

jQuery:

您可以改为使用jQuery:

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

要取消选中,您只需使用:

document.getElementById('checkbox1').checked = false;
$('checkbox1').prop('checked',false)


纯Javascript:

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

document.getElementById('checkbox1').checked = true;
要取消选中,您只需使用:

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

jQuery:

您可以改为使用jQuery:

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

要取消选中,您只需使用:

document.getElementById('checkbox1').checked = false;
$('checkbox1').prop('checked',false)


纯Javascript:

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

document.getElementById('checkbox1').checked = true;
要取消选中,您只需使用:

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

您应该使用设置复选框值,而不是属性

您正在设置布尔值,因此不应使用字符串来设置属性的值

$('#checkbox1').prop('checked',false);
您应该使用设置复选框值,而不是属性

您正在设置布尔值,因此不应使用字符串来设置属性的值

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

也可以直接寻址元素属性:

document.querySelector('#checkbox1').checked = true;
// or
$('#checkbox1')[0].checked = true;

演示

您还可以直接寻址元素属性:

document.querySelector('#checkbox1').checked = true;
// or
$('#checkbox1')[0].checked = true;
演示

这正在运行

$('#checkbox1').attr('checked',true);
$('#checkbox1').attr('checked',false);
这是有效的

$('#checkbox1').attr('checked',true);
$('#checkbox1').attr('checked',false);

更好地使用本机javascript属性 它清晰而且总是有效的

$('#checkbox1')[0].checked = true;

更好地使用本机javascript属性 它清晰而且总是有效的

$('#checkbox1')[0].checked = true;

这是可行的,但是当你向上下文中添加另一个attr()行时,它就失败了——正如主题提升者测试的那样。这是可行的,但是当你向上下文中添加另一个attr()行时,它就失败了——正如主题提升者测试的那样。