内联复选框ajax修改数字

2024-02-27

我有一个像这样的 html 例如:

<li><label class="desc"><font color="green">Want to get email ($<span id="price">50</span>/month)</font></label>
            <input type="checkbox" checked="" id="subscribe" name="subscribe"> bla bla bla</li>

<li><label class="desc">-$30 subscribe</label>
            <input type="checkbox"  id="custom_test" name="custom_test">Please check this to add your own email</li>

结构:

[复选框] 订阅(50 美元/月) 文字布拉布拉

[另一个复选框] 提供 -30$ 添加自己的电子邮件)

所以基本上我有一个要订阅的复选框,其中包含该订阅的价格,在该复选框下我有另一个“报价”复选框,如果您选中该复选框,它应该编辑上面订阅中的内嵌价格 -30$ 如果检查,如果不保持不变。

我如何使用 Ajax 或某种 JQuery/JS 函数来根据该范围的 ID 和第二个复选框的 ID 进行在线编辑?

JSfiddle http://jsfiddle.net/kkfJF/

预先感谢大家!


您确实知道您的非语义标记非常糟糕,不是吗?在做任何明智的事情之前,您需要使其有效且符合语义。但对于您当前的情况,这里是 jQuery 片段:

var price = document.getElementById('price'),
    origPrice = parseInt(price.innerHTML),
    reducedPrice = parseInt(price.innerHTML) - 30;

$('#custom_test').change(function(ev) {
    if (ev.target.checked) {
        price.innerHTML = reducedPrice;
    } else {
        price.innerHTML = origPrice;
    }
});​

JSfiddle http://jsfiddle.net/spliter/kkfJF/32/

您可能希望如何更新标记:

<ul>
<li>
    <label class="desc main">
        Want to get email ($<span id="price">50</span>/month)
        <input type="checkbox" checked="" id="subscribe" name="subscribe">
    </label>
    Some text
</li>
<li>
    <label class="desc offer">
        -$30 subscribe
        <input type="checkbox"  id="custom_test" name="custom_test">
    </label>
    Please check this to add your own email
</li>
</ul>

JSfiddle http://jsfiddle.net/spliter/3e2E8/

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

内联复选框ajax修改数字 的相关文章

随机推荐

  • 当用户单击按钮时如何打开新窗口?

    当用户单击按钮 仍需要创建 时 我将如何创建一个新窗口 我删除了一些代码以使其更短 我需要创建一个按钮 当他们点击该按钮时 会打开一个新窗口 我尚未创建该按钮 因为该按钮必须链接到新窗口 请帮忙 My imports class App d
  • JavaScript 中检查变量是数字还是字符串

    有谁知道如何在 JavaScript 中检查变量是数字还是字符串 如果您正在处理文字符号 而不是构造函数 则可以使用typeof https developer mozilla org en Core JavaScript 1 5 Refe
  • 创建与 azure 资源管理器的服务连接时出错:azure pipelines

    使用托管标识的 Azure 资源管理器 当尝试添加服务连接时 因此我可以使用另一个 azure 云应用程序服务通过管道进行部署 我在尝试时收到此错误 Service connection field creationMode is not
  • 函数返回类型的类型限定符

    给出以下 C 源代码 const int foo void return 42 gcc编译没有错误 但有 Wextra or Wignored qualifiers 出现以下警告 warning type qualifiers ignore
  • 如何在 EL JSF 中使用方括号

    我见过有人在 JSF 中使用方括号 我不确定我是否正确理解它的用法 所以也许 JSF 大师可以帮助我理解它 1 假设我有这个 bean x x是一个二维数组 x 如何显示x 0 使用EL 我想在这种情况下我需要使用方括号 我想我用 bean
  • 当变量更改时收到通知

    有什么方法可以获取变量何时更改吗 如果是这样 我怎样才能实现这一目标 官方 的方法是INotifyPropertyChanged 例如 当控件绑定到的数据对象更新时 UI Windows 窗体 WPF 使用它来自动刷新控件 public c
  • jquery ui selectmenu滚动条不起作用

    我使用 jquery selectmenu 插件 我已经初始化选择 select selectmenu width 100 maxHeight 300 style dropdown 我有很多选项 这会导致出现默认浏览器滚动条 但我无法使用它
  • 将数据迁移到应用程序组会禁用 iCloud 同步

    我正在向现有应用程序添加 今日扩展 我添加了一个应用程序组并使用了这个post https stackoverflow com questions 52191523 ios 11 how to migrate existing core d
  • 在geom_sf中填充连续颜色

    我正在运行代码来在 R 中创建地图 library tidyverse library ggplot2 library eurostat library janitor library sf eugd lt eurostat geodata
  • 如何使用 Appcompat v7 21、工具栏和 DrawerLayout 将汉堡动画制作为箭头

    我将 android support v7 widget Toolbar 与 android support v4 widget DrawerLayout 一起使用 它工作正常 当导航抽屉关闭时显示汉堡图标 当抽屉打开时显示箭头图标 我想在
  • 有没有办法按 ASC 对 elasticsearch _score 进行排序?

    我有一个包含 574 279 238 个文档的索引 ES 因此 当我查询数据库时 我必须管理大量结果 有没有办法根据 ASC 排序的 score 获得结果 我希望看到 ES 给我的 X 个 最糟糕 结果 即使我有超过 100 万个结果 排序
  • 在 MongoDB 中保存点分字段[重复]

    这个问题在这里已经有答案了 我正在尝试将 JSON API 的结果保存到 MongoDB 集合 我尝试保存的 JSON 数据具有以下结构 compatibility 2 7 1 2 2 6 100 1 1 2 8 3 2 2 6 100 2
  • 在 Android Studio 中使用 gradle 2.4

    我想在 Android Studio 中使用最新版本的 Gradle 如何检查使用的是哪个版本 以及如何升级到最新版本 如果支持 我想升级 因为我读到最新版本的 Gradle 缩短了构建时间 You can check current Gr
  • 为什么使用 dtype np.int64 的操作比使用 np.int16 的相同操作慢得多?

    这就是我的意思 a是 1 000 000 的向量np int64元素 b是 1 000 000 的向量np int16要素 In 19 a np random randint 100 size 10 6 dtype int64 In 20
  • 如何在 Pandas 中选择仅包含正值或负值的行

    我有以下 DF df pd DataFrame x 1 2 3 1 2 3 y 1 3 2 4 3 2 z 1 1 5 2 1 1 or x y z 0 1 1 1 1 2 3 1 2 3 2 5 3 1 4 2 4 2 3 1 5 3 2
  • 如何创建带圆角的用户控件?

    我正在尝试拥有一个具有圆角的用户控件 它没有固定的大小 但宽度通常不会超过 120 像素 我需要用户控件及其内容 标签和表格 具有圆形边缘并且看起来像圆形盒子 我已经使用过这段代码 DllImport Gdi32 dll EntryPoin
  • 使用通配符扩展来回显 zsh 中的所有变量

    对于以相同模式开头的多个变量 可以使用通配符来回显所有匹配的模式吗 when zzz1 test1 zzz A test2 zzza test3 匹配以 zzz 开头的所有变量的最佳方法是什么 哪里像echo zzz or for i in
  • 规范覆盖和最小覆盖之间的区别

    我知道如何计算最低保障 确保每个功能依赖项在 RHS 上只有一个属性 通过计算每个属性的闭包来删除无关 冗余的 LHS 属性 检查所有 FD 看看是否可以删除任何 FD 再次通过计算闭包 规范 封面只是同一事物的另一个词吗 规范封面 允许
  • 在 Talend 中加载一组文件的策略

    我想知道在 Talend 中解决以下问题的最佳策略是什么 我需要从存储在名称类似于 SAMPLE1 DAT SAMPLE2 DAT SAMPLEX DAT 的目录中的一组分隔文件中加载数据 目标将是 MySQL 数据库中的一个表 我必须立即
  • 内联复选框ajax修改数字

    我有一个像这样的 html 例如 li li