当前位置: 首页 > 面试题库 >

使用jQuery设置复选框的“ checked”

左丘弘致
2023-03-14
问题内容

我想做这样的事情来checkbox使用 jQuery 打勾:

$(".myCheckBox").checked(true);

要么

$(".myCheckBox").selected(true);

这样的事情存在吗?


问题答案:

现代jQuery

用途.prop()

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

DOM API

如果只使用一个元素,则始终可以访问底层元素HTMLInputElement并修改其.checked属性:

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

使用.prop()and .attr()方法代替此方法的好处是它们将对所有匹配的元素进行操作。

jQuery 1.5.x及以下

.prop()方法不可用,因此您需要使用.attr()

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

请注意,这是jQuery 1.6版之前的单元测试所使用的方法,并且比使用它更可取,$('.myCheckbox').removeAttr('checked');因为如果最初选中该框,则后者将更改对.reset()包含它的任何形式的调用的行为–细微但可能不受欢迎的行为改变。

有关更多信息,checked可以在1.6版发行说明和文档的“ 属性与属性”部分中找到有关从1.5.x到1.6过渡时属性/属性处理更改的一些不完整讨论。.prop()



 类似资料:
  • 我已经试过了所有可能的方法,但还是没有成功。我有一个带有的模式窗口,我希望当模式打开时,的选中或取消选中应该基于数据库值。(我已经与其他表单字段一起工作了。)我开始试着检查,但没有用。 我的HTML分区: 和jQuery: 我也尝试了和其他在论坛上看到的,但似乎都不起作用。 有人能给我指出正确的方法吗? 好吧,我真的漏了点什么。如果复选框在页面中,我可以使用代码勾选/取消勾选,但如果它在模态窗口中

  • 问题内容: 我正在尝试使用以下样式设置复选框: 但是没有应用样式。复选框仍显示其默认样式。如何给它指定的样式? 问题答案: 更新: 以下答案引用了CSS 3广泛使用之前的状态。在现代浏览器(包括InternetExplorer9和更高版本)中,使用首选样式创建复选框替换更为简单,而无需使用JavaScript。 值得注意的是,基本问题没有改变。您仍然不能直接将样式(边框等)应用于复选框元素,并使这

  • 问题内容: 我需要有关jQuery选择器的帮助。假设我有一个标记,如下所示: 除了用户单击时,如何获取所有复选框? 问题答案: 一个更完整的示例适用于您的情况: 当被点击复选框,该复选框的状态进行检查,并在当前形式的所有复选框被设置为相同的状态。 请注意,您无需从选择中排除该复选框,因为该复选框的状态将与其他所有复选框相同。如果出于某些原因确实需要排除,则可以使用以下方法:

  • 问题内容: 如何在Firefox中设置复选框样式,并取消选中标记和边框? CSS: HTML: 问题答案: input[type=”checkbox”] {

  • 问题内容: 我目前正在使用一个必须能够选中/取消选中复选框的系统。每当它更改状态时,我都需要进行jquery并调用ajax来更新页面。 我的问题是-我该怎么做,以便更新? 提前致谢。 问题答案: 例如,您可以这样做: 首先,您必须查看该复选框是否已选中: 您可以通过Ajax加载特定的内容:

  • 问题内容: 在React中为复选框状态分配默认值后,我无法更新复选框状态。 分配后,我无法通过单击取消选中/选中来交互复选框状态。 问题答案: 如果仅使用创建复选框,则使用该属性 。 归功于@nash_ag