`
退役的龙弟弟
  • 浏览: 453650 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery获取下拉框和单选按钮的选中值

 
阅读更多

1、下拉框选中值

 

var birthyear = $("select[name='birthyear']").find('option:selected').val(); 
或者var value = $("#birthyear").find('option:selected').val();

 

jsp片段:使用selected="true"选中下拉框。html5使用selected="selected"

<select name="birthyear" id="birthyear" tabindex="1">
			<option value="">年</option>
			<c:forEach var="i" begin="0" end="100" step="1">
				<c:if test="${year == (2014 - i)}">
					<option value="${2014 - i }" selected="true">${2014 - i }</option>
				</c:if>
				<c:if test="${year != (2014 - i)}">
					<option value="${2014 - i }">${2014 - i }</option>
				</c:if>
			</c:forEach>

		</select>

 

 

2、单选按钮选中值

 

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

 

jsp片段:默认选中 男,使用checked="checked"选中单选按钮

<input type="radio" name="sex" value="0" checked="checked" /> 男
<input type="radio" name="sex" value="1" /> 女

 

分享到:
评论

相关推荐

    jQuery分别获取选中的复选框值

    总结一下,jQuery提供了一系列强大的工具来操作HTML表单元素,如获取选中的复选框、下拉框和单选按钮的值。这些方法使得前端开发变得更加高效,减少了处理DOM操作的复杂性。通过学习和熟练运用这些技巧,开发者能够...

    jquery获取input表单值的代码

    jquery取radio单选按钮的值$(“input[name=’items’]:checked”).val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,... select下拉框的第二个元素为当前选中值 $(‘#select_

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

    实例如下: 代码如下:&lt;!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;MyHtml.html&lt;/title&gt; &lt;meta http-equiv=”keywords” ... charset=UTF-8

    jquery 多选项下拉框

    - 提交选择:当用户完成选择后,需要获取选中的值。可以使用 jQuery 的遍历方法,结合数据属性或类名来获取用户的选择。 - 键盘导航:添加键盘事件监听,使用户可以通过上下箭头键浏览选项,回车键进行选择。 - 自动...

    jQuery插件-多选全选实时搜索下拉框

    在jQuery插件中,通常会监听`input`事件,当用户输入时,获取输入框的值,然后与下拉框中的选项进行比对,动态更新显示的选项列表。 **五、实现原理** 1. **DOM操作**:使用jQuery选择器选取需要操作的元素,如`$...

    jQuery模拟select下拉框多选和单选插件

    本话题聚焦于一个基于jQuery的特定插件,用于模拟select下拉框的多选和单选功能,并且具有美观的界面设计。 这个插件主要针对传统的HTML `&lt;select&gt;` 元素进行增强,提供了更加友好的用户体验和视觉效果。在网页开发...

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

    在这篇文章中,我们将重点介绍如何使用jQuery来操作HTML页面中的表单元素,特别是下拉框(select元素)、单选框(radio按钮)和复选框(checkbox按钮)。通过这些操作,我们可以实现表单元素的动态交互以及用户界面...

    jQuery 多选下拉框

    这个组件在传统的单选下拉框基础上添加了复选框的功能,使得用户可以同时选择多个选项,提升了用户体验。 一、jQuery 多选下拉框的核心特性: 1. **带复选框的选项**:每个下拉菜单项前都有一个复选框,用户可以...

    Jquery获取Select标签的值

    要获取 Select 下拉框的当前选中值(即 value 属性的值),可以使用以下代码: ```javascript $('select').val(); ``` 这行代码会返回当前选中的 `&lt;option&gt;` 元素的 `value` 属性值。 ##### 2. 获取 Select 选中的 ...

    bootstrap-multiselect下拉框多选单选条件筛选

    Bootstrap Multiselect是一款基于Bootstrap框架的插件,用于创建具有多选和单选功能的下拉框,同时提供了条件筛选的功能。这款插件极大地提升了用户在交互界面中的选择体验,尤其适用于需要用户从大量选项中进行选择...

    前端web select 多层级选择。利用 ztree.js 实现下拉框的多选和单选demo.有兴趣的可以了解一下。

    结合 jQuery 和 Bootstrap,我们可以将 zTree 与下拉框组件结合,使其在点击下拉按钮时展开,选择后将选中的值显示在下拉框中。这通常需要监听 zTree 的相关事件,如 `onCheck` 或 `onClick`,然后更新下拉框的显示...

    javascript 美化单选 多选和下拉框 最好用的树形下拉框组件(单选、多选均可).zip

    在网页设计和开发中,用户界面的美观性和易用性是至关重要的,特别是在表单元素的设计上,如单选按钮、多选框以及下拉选择框。本资源提供了一个最佳的树形下拉框组件,它能够同时支持单选和多选功能,大大提升了用户...

    jQuery设置和获取select、checkbox、radio的选中值方法

    本文将详细介绍如何使用jQuery设置和获取这些表单控件的选中值。 首先,我们来看下如何设置单选下拉框(select)的选中值。单选下拉框通常用于从多个选项中选择一个。若要在不具有value属性的option中设置选中项,...

    jQuery模拟select下拉框插件

    单选功能则可以通过单选按钮(`&lt;input type="radio"&gt;`)实现,确保每次只有一个选项被选中。 在实际应用中,这个插件可能包含以下主要组件: 1. **容器元素**:用于包裹所有选项的HTML元素,可以是`&lt;div&gt;`、`&lt;ul&gt;`...

    文本框 单选框 复选框 下拉框

    例如,我们可以使用伪元素和Flexbox来创建响应式的单选按钮组。 3. **复选框**(Checkbox):复选框让用户可以选择多个选项。复选框的美化同样可以通过CSS实现,比如更改选中状态的背景色、边框颜色,甚至使用图标...

    jQuery选择器让你长点见识

    对于`radio`单选按钮,可以通过jQuery快速获取其被选中的值。示例代码如下: ```javascript // 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); ``` 这里的`[$(input[@name=items...

    关于easyUI实现多选下拉框(附带获取值方法及相关js、css)

    在网页开发中,EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的 UI 组件,如表格、对话框、按钮等,帮助开发者快速构建用户界面。在这个特定的场景中,我们关注的是如何使用 EasyUI 实现一个多选下拉框,...

    jquery获取input输入框中的值

    1. **获取 radio 单选框的值**: ```javascript var q1 = $("input[name=element_name]:checked").val(); ``` 这个选择器会找到所有name为"element_name"且被选中的radio按钮,返回其值。 2. **获取 select ...

Global site tag (gtag.js) - Google Analytics