`
John_Kong19
  • 浏览: 279873 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jQuery获取单选框和多选框的值

阅读更多
单选框:

<label><input type="radio" name="radio" id="radio1" value="1" /> 25岁以下</label>

<label><input type="radio" name="radio" id="radio2" value="2" /> 25~35岁</label>

<label><input type="radio" name="radio" id="radio3" value="3" /> 35~50岁</label>

<label><input type="radio" name="radio" id="radio4" value="4" /> 50岁以上</label>

获值

var question1 = $('input:radio[name="radio"]:checked').val();

alter(question1);



复选框:

<label><input type="radio" name="radio2" id="radio21" value="1" /> 私募股权(PE)</label>

<label><input type="radio" name="radio2" id="radio22" value="2" /> 基金</label>

<label><input type="radio" name="radio2" id="radio23" value="3" /> 信托</label>

<label><input type="radio" name="radio2" id="radio24" value="4" /> 其他</label>

获值

var checkedObj = $('input:checkbox[name="checkbox"]:checked'); //获取当前checked的value值 如果选中多个则循环

checkedObj.each(function() { var isCheck = this.value; question3 += isCheck; });

alert("当前选中的"+question3);
分享到:
评论

相关推荐

    基于easyui 1.4.5的单选和多选框组件

    本文将深入探讨基于jQuery EasyUI 1.4.5的单选框和多选框组件的使用方法、功能特性以及如何结合实际项目进行应用。 一、jQuery EasyUI 1.4.5简介 EasyUI是一套基于jQuery的UI框架,它包含了多个可复用的UI组件,如...

    jquery取单选,复选,下拉小结

    首先,我们来讨论如何使用jQuery获取单选按钮的状态。在HTML中,单选按钮通常用`&lt;input type="radio" /&gt;`创建。jQuery提供了`is()`方法来检查元素是否具有特定的属性或状态。例如,要判断一个ID为"myRadio"的单选...

    漂亮jQuery单选框/复选框美化插件Labelauty.js

    漂亮jQuery单选框/复选框美化插件Labelauty.js,支持自定义灰色按钮不可点、支持input控件定义选项 ...直接提交后端即可获取数据还是非常方便的单选框/多选框美化JS插件,特别是在手机端使用,还是非常 适用的。

    jquery获取表单值

    多选框(`&lt;input type="checkbox"&gt;`)的操作 - 设置为未选中状态: ```javascript $("#chk_id").prop("checked", false); ``` - 设置为选中状态: ```javascript $("#chk_id").prop("checked", true); ``...

    漂亮jQuery单选框/复选框美化插件Labelauty.js?1.1.2.zip

    实现效果: 漂亮jQuery单选框/复选框美化插件Labelauty.js,支持自定义灰色按钮不可点、支持input控件...直接提交后端即可获取数据还是非常方便的单选框/多选框美化JS插件,特别是在手机端使用,还是非常 适用的。

    jquery对单选框,多选框,文本框等常见操作小结

    本文主要探讨了如何使用jQuery来操作常见的表单元素,如单选框、多选框和文本框,帮助开发者更高效地实现功能。 首先,我们来看一下jQuery如何处理单选框(Radio Buttons)和多选框(Checkboxes)。对于单选框,...

    jQuery获取Select选择的Text和_Value

    可以使用 `$("#checkbox_id").attr("value")` 方法获取多选框 Checkbox 的值。 7. 获取单选组 Radio 的值: 可以使用 `$("input[@type=radio][@checked]").val()` 方法获取单选组 Radio 的值。 8. 获取下拉框 ...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    使用JQuery制作复选框的全选或单选特效

    本教程将深入探讨如何使用jQuery实现复选框的全选和单选特效,为用户界面添加交互性和动态性。 首先,我们需要理解HTML中的复选框(`&lt;input type="checkbox"&gt;`)的基本用法。复选框允许用户从多个选项中选择一个或...

    js和jquery分别验证单选框、复选框、下拉框

    为了使用JavaScript(js)验证单选框是否被选中,我们需要借助`getElementsByName()`方法获取所有具有相同名称的单选框元素,然后通过循环检查哪个单选框的`checked`属性为`true`。如果没有任何单选框被选中,则提示...

    jQuery自定义单选按钮复选框代码.zip

    在本代码中,很可能使用了`$('input[type="radio"]')`和`$('input[type="checkbox"]')`这样的选择器来获取所有的单选按钮和复选框。 接下来,要改变样式,开发者可能利用CSS来修改这些元素的外观。这包括但不限于...

    jQuery获取(选中)单选,复选框,下拉框中的值

    本文将详细介绍如何利用jQuery来获取单选按钮、复选框以及下拉框中的值。 首先,我们需要了解jQuery中如何选择和操作这些表单元素。在jQuery中,选择器扮演着至关重要的角色,它可以帮助我们快速定位到页面上的元素...

    jquery操作单选、复选、下拉列表

    - 使用 `[type=checkbox]` 和 `[checked]` 选择器来获取第一个被选中的复选框的值。 ##### 2. 遍历选中项 - **`$("input[@type=checkbox][@checked]").each(function(){ alert($(this).val()); });`** - 使用 `...

    jQuery单选框和复选框美化特效代码

    标题中的"jQuery单选框和复选框美化特效代码"指的就是通过jQuery和特定的插件来实现这一功能。 描述中提到的"ui-choose.js"是一个用于表单元素美化的插件,它可以将传统的HTML `&lt;input type="radio"&gt;` 和 `...

    Jquery获取Select标签的值

    除了获取 Select 标签的值之外,还可以通过 jQuery 来控制其他表单元素的行为,包括文本框、复选框、单选按钮等。 ##### 1. 文本框与文本区域 - **清空内容**:`$("#txt").val("");` - **填充内容**:`$("#txt")....

    jQuery实现获取多选框的值示例

    在 jQuery 中获取多选框的值是非常直观且实用的。通过以上示例,我们可以看到如何轻松地获取用户在网页上所选的多选框选项。这种技术在构建动态交互的 Web 应用时非常有用,比如表单提交、数据分析或用户偏好设置等...

    jquery结合Labelauty.js单选框复选框美化插件实现的美化效果源码.zip

    在本文中,我们将深入探讨如何使用jQuery和Labelauty.js插件来实现单选框与复选框的美化效果。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。Labelauty.js则是一个轻量级的插件,专为改善...

    jQuery对下拉框,单选框,多选框的操作

    如果要循环输出所有被选中的复选框值,可以使用 `.each()` 方法: ```javascript $("input[type=checkbox][checked]").each(function() { alert($(this).val()); // 弹出每个选中复选框的值 }); ``` 如果我们想要...

Global site tag (gtag.js) - Google Analytics