Bootstrap 单选按钮:在提交表单时获取所选值

2024-06-23

我有下一个 Bootstrap 单选按钮:

<div class="btn-group" id="filterDay" data-toggle="buttons">
  <label class="btn btn-default blue">
      <input type="radio" class="toggle" value="1"> Monday
  </label>
  <label class="btn btn-default blue">
      <input type="radio" class="toggle" value="2"> Tuesday
  </label>
  <label class="btn btn-default blue">
      <input type="radio" class="toggle" value="3"> Wednesday
  </label>
  <label class="btn btn-default blue">
      <input type="radio" class="toggle" value="4"> Thursday
  </label>
  <label class="btn btn-default blue">
      <input type="radio" class="toggle" value="5"> Friday
  </label>
  <label class="btn btn-default blue">
      <input type="radio" class="toggle" value="6"> Saturday
  </label>
  <label class="btn btn-default blue active">
      <input type="radio" class="toggle" value="0"> Sunday
  </label>
</div>

我试图在提交表单时获取活动按钮的值,而不创建onclick事件,只需从$('#filterDay')按钮组。这应该很容易,但我没有找到获得价值的方法。我尝试了几个例子,但都不起作用。

Update:

这是 HTML“打印”代码:

<label class="btn btn-default blue">
    <input type="radio" class="toggle" value="6"> Saturday
</label>    
<label class="btn btn-default blue active">
    <input type="radio" class="toggle" value="0"> Sunday
</label>

The active值在class属性是当我单击按钮时发生的变化。


在表单提交处理程序中,使用:checked https://api.jquery.com/checked-selector/选择器。

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

Bootstrap 单选按钮:在提交表单时获取所选值 的相关文章

  • PHP、MySQL 验证故障且搜索不起作用?

    我创建了一个小的注册粘性表格 一切工作正常 但如果我输入任何错误的值 例如姓名中的数字 年龄中的字母甚至错误的电子邮件格式 那么数据仍然保存在数据库中 我无法找出验证问题 另外一个是搜索选项 每当我在搜索框中输入任何名字或姓氏时 它都应该显
  • 将jQueryUI datepicker附加到div(显示位置错误)

    我在输入上使用 jQueryUI datepicker 默认情况下 jQueryUI 会附加 ui datepicker div to the body该文件的 有问题的输入位于屏幕上的 弹出 div 中 这意味着该 div 之外的任何点击
  • Angular 4 - 具有动态参数值的自定义验证器

    我编写了一个自定义验证器 用于检查日期是否高于某个最小日期 代码如下所示 export function validateMinDate min Date ValidatorFn return c AbstractControl gt if
  • 如何在 Google 地图上旋转叠加图像?

    我正在尝试将一系列叠加层放置到 Google 地图上 我正在跟随地面覆盖层的示例代码 https developers google com maps documentation javascript examples groundover
  • 发送带有图像的嵌套 JSON

    我一直在尝试研究一种能够通过 Ajax 将嵌套 JSON 请求发送回服务器的方法 根据我的理解 我们主要用于向服务器发送图像或文件的 formdata 在这种情况下不起作用 因为 FormData 似乎不处理嵌套对象 这就是我需要发送的有效
  • jQuery onclick 隐藏其父元素[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我想隐藏 li tag on a 使
  • 重复 Pinterest Facebook 邀请功能

    I m trying to duplicate Pinterest s Invite Friends functionality In case you haven t seen what it looks like it looks li
  • LightningChart JS - LineSeries / Progressive X 的损坏

    我在使用 LightningChart 时遇到了一个有趣的问题 它似乎会破坏或以其他方式减少我的数据 具体取决于它与图表的 DateOrigin 的距离 我的数据是每秒 1000 个样本 我试图一次显示 1 2 周的数据 我正在使用 Cha
  • 如何在传单地图上显示热图

    我想在我的传单地图上显示热图 我使用了 heatmap jshttps github com pa7 heatmap js https github com pa7 heatmap js但它最终只是显示 未捕获的类型错误 无法分配给只读属性
  • 通过 jQuery ajax 将 JSON 对象数组发送到 MVC3 操作方法

    模型绑定器不支持 JSON 对象数组吗 下面的代码在发送单个 JSON 域对象作为 ajax post 的一部分时起作用 但是 当发送 JSON 域对象数组时 action 参数为 null var domains DomainName t
  • 尝试将远程图像转换为 Base64 数据时出现 CORS 错误[重复]

    这个问题在这里已经有答案了 我需要将远程图像转换为给定其 URL 的 base64 但我遇到了 CORS 错误 并且不确定如何解决 我遵循了这个问题的一些解决方案 如何使用javascript将图像转换为base64字符串 https st
  • 在 JavaScript/CoffeeScript 中确定一个数组是否包含另一个数组的内容

    在 JavaScript 中 如何测试一个数组是否包含另一个数组的元素 arr1 1 2 3 4 5 8 1 10 2 3 4 5 9 function name arr1 gt true 没有 set 函数可以执行此操作 但您可以简单地执
  • Javascript - HTML Canvas 上的 Gecko 边框半径自适应(CSS border-radius)

    我试图弄清楚如何将 border radius css 属性的行为重现到 HTML 画布中 所以我已经在 J avascript 中做了一些事情 以便使用特定的半径 对于每个角 来计算给定形状的正确边界 如果需要的话 这是上一个问题 Gec
  • 多个引导模式的滚动问题

    我有一个带有大量信息的模态页面 因此您需要滚动 该模式包含指向第二个模式的链接 When I 打开模态 1 单击链接打开模式 2 模式 1 保持在后台 然后关闭模式 2 以便我回到模式 1 modal 1 失去滚动 仍然有一个滚动条 但它不
  • 如何使用 JQuery 创建新的 img 标签,并使用 JavaScript 对象中的 src 和 id?

    我从基本意义上了解 JQuery 但对它绝对是新手 并且怀疑这很容易 我在 JSON 响应中获得了图像 src 和 id 转换为对象 因此在 responseObject imgurl 和 responseObject imgid 中获得了
  • 如何拦截javascript中innerHTML的变化?

    我需要拦截网页内单元格内容的任何更改 以下代码显示 addEventListener 不起作用 function modifyText alert var el document getElementById mycell el inner
  • chrome中使用jquery的图像高度问题

    img height 回报0在 Chrome 中 但在 IE 和 Firefox 中返回实际高度 在 Chrome 中获取图像高度的实际方法是什么 正如 Josh 提到的 如果图像尚未完全加载 jQuery 将不知道尺寸是多少 尝试这样的操
  • 如何从索引文件迭代多个导入的模块

    我有一个名为Polygons我在那里创建了一个index jsfile 以导出目录中的所有文件 它看起来像这样 export default as europe from europe export default as northAmer
  • 在用户单击之前图像不会绘制在画布上?

    我使用执行类似以下操作的函数绘制几张图像 context drawImage img width 2 1 height 2 1 width height 我读过 我需要等待图像加载后才能绘制它 如下所示 img onload functio
  • 如何使用 jQuery 解析 JavaScript 对象

    jQuery JavaScript 中用于解析 JSON 对象并返回键 值对的 foreach 等效项是什么 JSON 对象 是什么意思 JSON 是一种用于序列化对象的文本格式 如果要循环访问通过反序列化 JSON 字符串获得的对象中的属

随机推荐

  • 使用 C# 将 UTF-8 转换为 ANSI

    我是一名 NET 开发人员 被要求开发一个用 C 将 html 文件转换为 ANSI 的应用程序 ANSI 是必需的 因为转换后的文件将在 Visual Fox Pro 应用程序上运行 基本逻辑已经准备好 问题出在转换本身 我试过这段代码
  • Mathematica 8 中具有等式约束的函数最小化

    在 Mathematica 8 中使用具有简单等式的约束时 最小化不起作用 例如 FindMinimum x 2 y 2 y 1 x y 在 Mathematica 6 中工作正常 但在版本 8 中出现错误 其他人可以确认 或解释 这一点吗
  • 在地图元素上使用 for_each

    我有一个映射 我想在其中对每个数据类型对象成员函数执行调用 我还知道如何在任何序列上执行此操作 但是是否可以在关联容器上执行此操作 我能找到的最接近的答案是 Boost Bind 访问 std for each 中的 std map 元素
  • 如何发送包含 Blob 的 http 多部分 POST 请求?

    我正在使用 multipart XMLHttpRequest 在 Google Drive 帐户上上传文件 使用 google 文档中描述的语法 https developers google com drive web manage up
  • JavaFX 中画布的最大尺寸

    有谁知道JavaFX中画布的最大尺寸 从一些测试来看 它似乎是 8192 与 IE 相同 在我看来 这很奇怪 或许 可以修改吗 这可能取决于您的显卡的最大纹理大小 因为我相信 使用最常见的硬件加速渲染管道 画布最终将表示为纹理 我不太清楚
  • 找不到 gcloud 命令 - 安装 Google Cloud SDK

    我正在尝试在终端中使用以下命令在 Mac 上安装 Google Cloud SDK curl https sdk cloud google com bash 它工作得很好 但是当我进入下一步时 gcloud init 我得到以下内容 bas
  • AngularJS RequireJS Browserify 和 Javascript 模块/全局范围噩梦 [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我最近在 CommonJS 与 AMD 的战斗中进行了一些挖掘 这是我的发现 顺便说一句 我不是在这里说教 而是分享我的想法以获得一些建设性的见
  • Windows Azure 使用 A6 vmsize 部署云服务

    在我的云服务中 我有一个 Web 角色和辅助角色 我将 Web 角色 VM 大小更改为medium to A6 当我尝试部署到 Windows Azure 时 收到以下错误消息 s 似乎提示我错误 由于部署请求限制 无法配置此部署所需的 V
  • 在 64 位 RHEL 上安装 32 位库 (glibc),而不使用 yum

    我试图让 32 位应用程序在 64 位 RHEL 6 1 上运行 但该计算机无法访问互联网 有没有办法在 64 位 RHEL 上安装 32 位 glibc 而不使用 yum 即仅使用 RPM 安装 我从 RHEL 6 1 ISO 中获取了
  • Java 8 Eclipse 未设置根错误

    最近 我为 JavaFX 应用程序安装了 Java 8 build 124 并且开始收到以下错误 javafx fxml LoadException Root hasn t been set Use method setRoot befor
  • 应用商店拒绝在 iOs 10 上支持 IPV6 网络的应用

    我收到了来自苹果的应用程序拒绝邮件 如下所示 我们在通过连接到 IPv6 网络的 Wi Fi 运行 iOS 10 0 2 的 iPad 和 iPhone 上进行审核时 发现您的应用程序存在一个或多个错误 具体来说 应用程序在启动时仍保留在启
  • 原始 SQL 是用汇编语言还是 C 语言编写的? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 对于从开始到结束的循环,结束变量在循环中改变

    从测试数据开始 并运行代码 Sub TestLoop Dim LastRow As Long CurRow As Long LastRow Range A Rows Count End xlUp Row For CurRow 1 To La
  • 使用 malloc 循环来保证 malloc 的结果是否不好?

    像这样分配内存是不好的做法吗 FOO foo while foo malloc sizeof FOO 我不知道什么是不好的做法 但这并不常见 malloc 故障通常表明您的程序不太可能恢复的主要系统问题 如果您的系统不同 您的示例很可能很实
  • 凿子“Enum(UInt(), 5)”失败

    当我尝试使用 Chisel 构建 FSM 时 我使用了 Enum 如 Chisel 教程所述 然而 我遇到了这样的错误 my code val sIdle s1 s2 s3 s4 Nil Enum UInt 5 但是 当我执行时sbt ru
  • 使用 CSS 剪辑路径仅影响 webkit 浏览器中的第一个对象?

    我正在尝试使用 CSS 剪辑路径属性将 SVG 剪辑路径应用到页面中的某些元素 例如 HTML 请注意 clipPathUnits objectBoundingBox 允许以包含元素大小的分数表示圆 setTimeout function
  • ASP.NET MVC 6 Beta 8 和 Windows 身份验证

    升级到 Beta 8 后 使用 Windows 身份验证进行调试在 IIS Express 中不起作用 我收到错误 尝试确定托管您的应用程序的 DNX 进程的进程 ID 时发生错误 重现步骤 创建一个新项目并选择空 Web 模板 在项目设置
  • ASCII 表 - 负值[重复]

    这个问题在这里已经有答案了 可能的重复 负 ASCII 值 https stackoverflow com questions 4690415 negative ascii value int main char b 8 3 printf
  • Sitecore:在页面编辑器模式下检测用户

    我可以知道如何使用代码检测用户是否处于页面编辑器模式吗 这是因为 我有一个组件 当用户从页面编辑器浏览时 它将在 master index 文件夹而不是 web index 文件夹中搜索 请检查 if Sitecore Context Pa
  • Bootstrap 单选按钮:在提交表单时获取所选值

    我有下一个 Bootstrap 单选按钮 div class btn group div