`
John_Kong19
  • 浏览: 271312 次
  • 性别: 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);
分享到:
评论

相关推荐

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

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

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

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

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

    一、文本框、单选按钮、复选框、相关操作 代码如下:var sex=$(“input[name=’sex’]:checked”).val(); //获取一组radio被选中项的值 var item=$(“#sel option:selected”).text(); //获取select被选中项的文本...

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

    本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...

    JQuery radio(单选按钮)操作方法汇总

    随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也...

    jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    1、jquery 获取单选组radio$(“input[name=’name’]:checked”).val();...4、jquery判断多选框checkbox$(“#id:checkbox”).attr(“checked”)取值 $(“#id”).attr(“value”);赋值则是在text()、val()里面直

    jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例

    昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据,...

    jQuery完全实例.rar

    context (Element, jQuery) : (可选) 作为待查找的 DOM 元素集、文档或 jQuery 对象。 示例 找到所有 p 元素,并且这些元素都必须是 div 元素的子元素。 HTML 代码: &lt;p&gt;one&lt;/p&gt; &lt;div&gt;&lt;p&gt;two&lt;/p&gt;&lt;/div&gt; &lt;p&gt;three...

    巧用jQuery选择器提高写表单效率的方法

    表单中存在最多的无非就是文本、文本框、单选框、多选框。而一些表单中会有几十个甚至几百个选项。我们的目标就是以最高的效率来完成这些表单的数据获取和数据提交。 注意:如果元素ID和服务器上获取的json字段

    实用jquery操作表单元素的简单代码

    取复选框值; 判断单选或复选框是否被选中; 元素可用不可用; 判断元素可用不可用。 实用jquery操作表单元素代码 /* 假设在一个表单中有一个按钮id="save" $(document).ready(function(){ $("#save").click...

    customselect:用于将selectsmulti-selects转换为单选输入列表的小插件,具有更改事件和动态添加标记的观察器的复选框输入

    小型插件,用于将选择/多选转换为带有更改事件和观察器的单选输入/复选框输入列表,以动态添加标记 特征 将任何常规选择转换为单选输入列表 将任何多选转换为复选框输入列表 添加下拉功能 添加内联搜索以获取长列表 ...

    JavaScript实战

    9.5.3 验证复选框和单选按钮 283 9.5.4 格式化错误消息 286 第10章 扩展界面 287 10.1 使用折叠面板隐藏信息 287 10.1.1 定制Accordion 290 10.1.2 折叠教程 293 10.2 把信息组织到标签页面板 295 10.2.1 格式化标签...

    最新AngularJS开发宝典视频教程 后盾网AngularJS培训视频教程 后盾网.txt

    ├最新AngularJS开发宝典—第009讲 实例讲解angular控制单选框.mp4 ├最新AngularJS开发宝典—第010讲 实例讲解angular操作checkbox复选框.mp4 ├最新AngularJS开发宝典—第011讲 实例讲解angular操作select列表框....

Global site tag (gtag.js) - Google Analytics