`
xuedong
  • 浏览: 298916 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

 
阅读更多

刚做完项目,项目中使用了jquery,在这里对jquery取表单值做下小结。呵呵。

单选:

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

 

<input type="radio" name="rd" value="1" checked="checked"/>test1 <br/>
<input type="radio" name="rd" value="2"/>tes2<br/>

 

 下拉列表:

var s=$("#selectId").val();//取select的选中的值,例如当选中第一个时,返回的是"1"
var optionText=$('#selectId option:selected').text();//当选中第一个时返回的就是“第一个”
var index=$('#selectId')[0].selectedIndex;//返回在下拉列表中被选中的是第几个,从0开始计算

 

 

<select id="selectId">
	<option value="1">第一个</option>
	<option value="2">第二个</option>
</select>

 

复选:

		var checks=$("input[name='checks']:checked");
		for(var c=0 ;c<checks.length;c++){
			alert(checks[c].value);
		}	

                <input type="checkbox" name="checks" value="1" />
	<input type="checkbox" name="checks" value="2" />
	<input type="checkbox" name="checks" value="3" />

 文本框,密码框等里边加id

$("#id").val();//id是文本框,密码框的id

 

分享到:
评论

相关推荐

    jquery无限极复选框下拉树

    总结,"jquery无限极复选框下拉树"是一个基于jQuery和layui的交互式组件,它结合了复选框、下拉菜单和无限级树结构,提供了全选/单选功能,适用于需要展现和操作层次数据的场景。通过理解和运用这些知识点,开发者...

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

    ### jQuery操作单选、复选、下拉列表详解 #### 一、概述 在Web开发中,使用jQuery来操作DOM元素是一种非常常见的做法。通过jQuery提供的简洁语法,开发者能够更轻松地实现对页面元素的选择与操作。本文将详细介绍...

    jquery实现下拉复选框

    一个js的方法,调用该js可实现下拉复选框。 /**//** * Creat date 2011-11-10 * Creat by zhuoyueping *支持input表单的下拉复选框。 *使用方法: * (1)调用js函数:setSelectBox(textItem, myArray); *...

    jquery下拉多选复选框插件

    总之,这个jQuery下拉多选复选框插件涉及了前端开发的多个方面,包括jQuery的使用、前后端交互、用户体验设计、插件定制和性能优化等。熟练掌握这些知识点,不仅能够帮助你有效地利用这个插件,也对提升整体的Web...

    jQuery自定义单选按钮复选框样式特效

    "jQuery自定义单选按钮复选框样式特效"是一个针对初学者的简单教程,它演示了如何利用jQuery库对网页中的基本表单元素,如单选按钮(radio button)和复选框(checkbox),进行美化和功能增强。下面我们将详细探讨这...

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

    1. **CSS自定义样式**:jQuery可以通过添加类名或者改变元素的CSS属性来改变单选框和复选框的外观。这包括改变它们的边框、背景色、大小、边距等,甚至可以完全替换原始的HTML元素,使用自定义的图形元素来模拟单选...

    jQuery单选复选框样式美化

    jQuery库提供了解决这一问题的方法,通过其强大的DOM操作能力和丰富的插件系统,可以轻松实现单选按钮和复选框的样式美化。 首先,jQuery的核心功能在于简化JavaScript的DOM操作,使得开发者能够更加便捷地操作HTML...

    可以放到项目中用 多选下拉列表 复选下拉列表 jquery多选列表 多选多级联动下拉列表,有demo

    总结来说,"多选下拉列表"和"复选下拉列表"是提高用户交互体验的重要工具,而jQuery提供了丰富的插件资源,如"mutiselect"和"JqueryMultiselect2017",帮助开发者实现这些功能。通过学习和掌握这些插件的使用,可以...

    jQuery单选框复选框美化代码.zip

    "jQuery单选框复选框美化代码.zip"提供了一套专门用于美化这些元素的解决方案。 jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。通过使用jQuery,开发者可以轻松实现...

    jquery 树 单选 复选 删除节点 添加节点 移动节点 json数据格式 demo

    jquery 树 单选 复选 删除节点 添加节点 移动节点 json数据格式 demo

    jquery操作单选框和复选框

    jquery操作单选框和复选框,超级实用的示例,节约项目开发时间!

    jQuery树形复选框插件.zip

    《jQuery树形复选框插件的深度解析与应用》 在Web开发中,为了提供用户友好的交互体验,我们经常需要实现各种各样的UI组件。其中,树形结构的复选框是一种常见且实用的功能,它允许用户以层级方式选择或取消选择一...

    jQuery单选框和复选框美化插件

    本篇将详细介绍jQuery单选框和复选框美化插件,并结合"ui-choose.js"这个文件来阐述如何实现这一功能。 首先,jQuery单选框和复选框美化插件的主要目标是将浏览器默认样式替换为更美观、统一且响应式的样式。这不仅...

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

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

    jQuery自定义单选按钮复选框样式特效.zip

    《jQuery自定义单选按钮与复选框样式特效解析》 在网页设计中,单选按钮(radio button)和复选框(checkbox)是不可或缺的交互元素,它们用于收集用户的选择信息。然而,HTML默认的样式往往较为单调,无法满足设计...

    jQuery单选框和复选框美化标签选择代码

    jQuery单选框和复选框美化标签选择代码 jQuery单选框和复选框美化标签选择代码 jQuery单选框和复选框美化标签选择代码 jQuery单选框和复选框美化标签选择代码 jQuery单选框和复选框美化标签选择代码

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

    在网页设计和开发中,jQuery 是一个...总的来说,"jQuery自定义单选按钮复选框代码.zip"是一个实用的工具,它展示了如何使用jQuery和CSS来增强表单元素的视觉效果,同时保持代码简洁,非常适合网页开发者学习和使用。

    jquery 复选框组件

    jQuery UI提供了一套完整的UI元素样式,包括自定义的复选框和单选按钮。 #### jQuery UI Multiselect 插件 jQuery UI Multiselect是jQuery UI的一个扩展,它将传统的多选框转变为可配置的下拉列表,提升了用户体验...

    jQuery下拉列表复选框

    首先,我们来看一下标题"jQuery下拉列表复选框"所涉及的核心知识点。这里主要包含两部分:jQuery的使用和创建自定义的下拉复选框功能。jQuery提供了丰富的API,如`.each()`用于遍历元素,`.on()`用于绑定事件,`....

Global site tag (gtag.js) - Google Analytics