如何使用 JQuery 更改 onClick 复选框的值?

2023-11-26

在这里,我尝试在单击以下复选框时更改其值。在下面的代码中,我尝试将复选框的值更改为 1,并在未选中时将值更改为 0。但它只需要 false 条件,当取消选中该复选框时,值会更改为 0,但选中时,它不会更改为 1。有什么建议如何解决此问题吗?

<input type="checkbox" id="read" name="permission[]" onClick="($(this).checked)?$(this).attr('value',1):$(this).attr('value',0)"/>

我真的不明白你为什么要这样做(当未选中复选框时,无论如何都不会提交该复选框的值)。

The checkedDOM 元素上的属性总会告诉您是否已检查。所以你可以得到this.checked(Javascript DOM)或$(this).prop('checked')(jQuery 包装器)。

如果你确实需要,你应该这样做:

onclick="$(this).attr('value', this.checked ? 1 : 0)"

or even

onclick="$(this).val(this.checked ? 1 : 0)"

甚至更好,不要使用内联事件处理程序 (like onclick),但使用 jQuery 的事件处理包装器(.on('click') or .click()在旧版本中)。

带有 jQ​​uery 事件处理的 jsFiddle 演示


你的方法有问题

您正在使用$(this).checked获取复选框的状态。 jQuery 对象(由$函数)没有checked财产,所以它会是undefined。在 JavaScript 中,undefined is a falsy值,这就是为什么你的复选框的值总是0.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 JQuery 更改 onClick 复选框的值? 的相关文章

随机推荐

  • 如何使用 EclipseLink 进行 join fetching 而不是 select fectching?

    我有一个OneToOne两个实体之间的关系 默认情况下 这种关系是急切的 但是在记录请求时 我只看到多项选择 无连接出现 强迫渴望时也是如此 你知道如何告诉 eclipselink 使用 join fetching 如 hibernate
  • WPF中如何实现双向数据绑定?

    我听说过很多有关 WPF 中双向绑定的内容 但我并不完全清楚如何实现它或它的实际含义 我有一个ListView里面有一堆物品 当用户选择一个新项目时 TextBox应用程序中将更改其文本以显示所选项目的某些属性 但是当用户更改文本框中的文本
  • batchUpdate 调用如何计入使用限制?

    打电话就像spreadsheets batchUpdate and spreadsheets values batchUpdate可以在一次调用中执行多个更新操作 我读到了关于 google Sheets api 使用限制的信息https
  • 是否可以在 Visual Studio 中以编程方式清除输出窗口?

    您知道如何添加一些代码吗 调试期间 以编程方式清除输出窗口在视觉工作室中 或者您知道一些快速的替代方案 例如快捷键 Macro Sub ClearOutputWindow DTE ExecuteCommand Edit ClearOutpu
  • 如何根据用户滚动加载网页内容

    如何在用户滚动网页时加载内容 如何实施 一般来说 您需要有某种像这样的结构 first page of content first page of content first page of content first page of co
  • 为什么 NumPy int 不是 Python int 的实例,但 NumPy float 是 Python float 的实例?

    考虑以下 gt gt gt import numbers gt gt gt import numpy gt gt gt a numpy int 0 gt gt gt isinstance a int False gt gt gt isins
  • 如何使用 Android 导航组件将值传递回先前的片段目的地?

    让 sat 我有一些这样的目的地 从片段A gt 到片段B gt 到片段C 我可以使用安全参数将数据从片段 A 传递到片段 B 也可以使用安全参数从片段 B 传递到片段 C 如果我想将片段 C 中生成的字符串带回片段 B 或片段 A 该怎么
  • Java 8 重复键的流总和条目

    我使用 Java 8 流按某个键对条目列表进行分组 然后按日期对组进行排序 此外 我想做的是 折叠 组中具有相同日期的任何两个条目并将它们相加 我有一个这样的课程 出于示例目的而被精简 class Thing private String
  • xcode 多合一布局:在项目和调试页面之间切换的键盘快捷键?

    当您将 xcode 配置为使用 All in one 布局时 会出现一个切换开关 允许您在项目和调试 模式 之间切换 IDE 调用这些页面 是否有键盘快捷键可以执行切换 Project Cmd 0 zero Build Cmd Shift
  • 我可以同时安装 Ruby on Rails 2.x 和 Ruby on Rails 3

    我有一个 Ubuntu Rails 环境来使用 ROR 现在我正在运行 Rails 2 3 8 我想研究一下 Rails 3 是否可以并行运行两个开发环境 如果没有 如何清理 Rails 2 x 系统以安装 Rails 3 或者我需要安装一
  • 在 SQL Server 中保存日期

    我有一个遗留应用程序 其中输入是日期字符串 即 2009年6月12日 输入的格式始终是字符串 并且是一致的 始终是 dd mm yyyy 目前 遗留应用程序只是将其插入日期时间字段中 显然 如果服务器的本地化文化设置发生变化 我们有一个错误
  • 使用Git显示所有一级后代分支

    如何获取当前 HEAD 的一级后代分支的列表 我可以通过以下方式获取整棵树的列表 git log graph abbrev commit pretty decorate branches 这使 2eff4a7 refs heads issu
  • 为WPF中的所有元素事件添加监听器

    我想在一次调用中挂钩所有可用的元素事件 像这样的事情 elem AddHandler AnyRoutedEvent RoutedEventHandler handler 我怎样才能做到这一点 尝试此操作以获取按钮类型上的所有事件 您可以替换
  • Android:Process.myTid() VS Thread.currentThread().getId()

    我有简单的Activity那个叫AsyncTask 所以我打印一些关于Proces and Thread From onCreate android os Process myUid 10137 From onCreate android
  • PHP 连接到 firebase 是如何工作的?

    如果您有时间阅读firebase php文档 您可以看到如何使用帮助程序库 连接 到firebase 但不幸的是 我认为连接只能由 phpunit 建立 换句话说 输出只能在终端中看到 因为当你在浏览器中运行 php 页面时 它会返回致命错
  • AttributeError:模块“socket”没有属性“AF_PACKET”

    我正在使用 Python 构建一个数据包嗅探程序 但是我遇到了障碍 由于某种原因 我认为套接字没有正确导入 因为我的程序运行时收到以下消息 AttributeError module socket has no attribute AF P
  • 为什么 css "all: unset" 在 MacOS 的 Safari 浏览器中工作得很奇怪?

    所以基本上我做了这种情况 父级有cssall unset 然后我注意到当我使用 Safari 版本12 1 1 14607 2 6 1 1 它的所有子颜色只能受到以下影响 块 甚至不是内联或 important 但只有color行为方式就是
  • “迁移 Django 应用程序”是什么意思?

    我一直在思考很多的意义migrating a Django app在过去的几天里 听说了如何迁移 Django 应用程序南姜戈 也许只是缺乏足够的英语技能 因为英语不是我的母语 或者这是你在程序员生活中遇到的事情之一 这些事情非常简单 需要
  • 如何获取ListView项目的视图?

    我有两个 ListView A 和 B 其中包含相同类型的项目 我创建的类 当我单击 A 中的某个项目时 它会将该对象添加到 B 上 如果我再次单击 则会将其删除 只是当选择一个项目时 我使用 view setBackgroundColor
  • 如何使用 JQuery 更改 onClick 复选框的值?

    在这里 我尝试在单击以下复选框时更改其值 在下面的代码中 我尝试将复选框的值更改为 1 并在未选中时将值更改为 0 但它只需要 false 条件 当取消选中该复选框时 值会更改为 0 但选中时 它不会更改为 1 有什么建议如何解决此问题吗