我想做这样的事情来checkbox
使用jQuery打勾:
$(".myCheckBox").checked(true);
或者
$(".myCheckBox").selected(true);
这样的事情存在吗?
我想做这样的事情来checkbox
使用jQuery打勾:
$(".myCheckBox").checked(true);
或者
$(".myCheckBox").selected(true);
这样的事情存在吗?
使用.prop()
:
$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);
如果您只使用一个元素,则始终可以访问底层HTMLInputElement
并修改其.checked
属性:
$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;
使用.prop()
and.attr()
方法代替 this的好处是它们将对所有匹配的元素进行操作。
该.prop()
方法不可用,因此您需要使用.attr()
.
$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);
请注意,这是jQuery 1.6 版之前的单元测试使用的方法,并且最好使用,$('.myCheckbox').removeAttr('checked');
因为如果最初选中该框,后者将更改对.reset()
包含它的任何表单的调用行为- 一个微妙但可能的不受欢迎的行为改变。
有关更多上下文,checked
可以在1.6 版发行说明和文档的Attributes vs. Properties部分中找到有关从 1.5.x 到 1.6 的过渡中对属性/属性处理的更改的一些不完整讨论。.prop()
用:
$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);
如果你想检查一个复选框是否被选中:
$('.myCheckbox').is(':checked');
这是检查和使用jQuery取消选中复选框的正确的方法,因为它是跨平台的标准,将允许形式转播。
$('.myCheckBox').each(function(){ this.checked = true; });
$('.myCheckBox').each(function(){ this.checked = false; });
通过这样做,您将使用 JavaScript 标准来检查和取消选中复选框,因此任何正确实现复选框元素的“已检查”属性的浏览器都将完美地运行此代码。这应该是所有主要浏览器,但我无法在 Internet Explorer 9 之前进行测试。
问题(jQuery 1.6):
一旦用户单击复选框,该复选框将停止响应“已检查”属性更改。
这是在有人单击复选框后复选框属性无法完成工作的示例(这发生在 Chrome 中)。
解决方案:
通过在DOM元素上使用 JavaScript 的“checked”属性,我们能够直接解决问题,而不是试图操纵 DOM 来做我们想要它做的事情。
该插件将改变 jQuery 选择的任何元素的选中属性,并在所有情况下成功选中和取消选中复选框。因此,虽然这可能看起来像是一种霸道的解决方案,但它会让您网站的用户体验更好,并有助于防止用户感到沮丧。
(function( $ ) {
$.fn.checked = function(value) {
if(value === true || value === false) {
// Set the value of the checkbox
$(this).each(function(){ this.checked = value; });
}
else if(value === undefined || value === 'toggle') {
// Toggle the checkbox
$(this).each(function(){ this.checked = !this.checked; });
}
return this;
};
})( jQuery );
或者,如果您不想使用插件,可以使用以下代码片段:
// Check
$(':checkbox').prop('checked', true);
// Un-check
$(':checkbox').prop('checked', false);
// Toggle
$(':checkbox').prop('checked', function (i, value) {
return !value;
});
你可以做
$('.myCheckbox').attr('checked',true) //Standards compliant
或者
$("form #mycheckbox").attr('checked', true)
如果您在要触发的复选框的 onclick 事件中有自定义代码,请改用以下代码:
$("#mycheckbox").click();
您可以通过完全删除属性来取消选中:
$('.myCheckbox').removeAttr('checked')
您可以像这样选中所有复选框:
$(".myCheckbox").each(function(){
$("#mycheckbox").click()
});
您还可以使用新方法扩展 $.fn 对象:
(function($) {
$.fn.extend({
check : function() {
return this.filter(":radio, :checkbox").attr("checked", true);
},
uncheck : function() {
return this.filter(":radio, :checkbox").removeAttr("checked");
}
});
}(jQuery));
然后你可以这样做:
$(":checkbox").check();
$(":checkbox").uncheck();
或者,您可能希望为它们提供更独特的名称,如 mycheck() 和 myuncheck(),以防您使用其他使用这些名称的库。