【发布时间】:2011-10-14 14:30:11
【问题描述】:
我正在尝试使用 jQuery 勾选(或不勾选)复选框。
我的示例 HTML:
<input type="checkbox" id="test" name="test" />
尝试清除复选框(不起作用)
$('#test').val('off');
检查时:
$('#test').val('on');
如何使用 jQuery 控制复选框?
【问题讨论】:
我正在尝试使用 jQuery 勾选(或不勾选)复选框。
我的示例 HTML:
<input type="checkbox" id="test" name="test" />
尝试清除复选框(不起作用)
$('#test').val('off');
检查时:
$('#test').val('on');
如何使用 jQuery 控制复选框?
【问题讨论】:
$('#checkbox').prop('checked', true);
当您希望它取消选中时:
$('#checkbox').prop('checked', false);
【讨论】:
$('#test').prop('checked', true);
仅在 jQuery 1.6+ 中注意
【讨论】:
$('#test').attr('checked','checked');
$('#test').removeAttr('checked');
【讨论】:
来自 jQuery v1.6 使用prop
检查是否已检查
$('input:radio').prop('checked') // will return true or false
并使其检查使用
$("input").prop("checked", true);
【讨论】:
您不需要使用 jQuery 来控制复选框。您可以使用一些简单的 JavaScript 来完成。
这个 JS sn-p 应该可以正常工作:
document.TheFormHere.test.Value = true;
【讨论】:
如果你使用 jQuery 1.6 及以后版本,我认为你应该使用 prop()。
要检查它,你应该这样做:
$('#test').prop('checked', true);
取消选中它:
$('#test').prop('checked', false);
【讨论】: