<body>
文本框：
<input type="text" id="t1"/>
<input type="button" id="b1" value="点击获取文本框值"/>
<p/>
单选框：
<input type="radio" name="sex" value="man"/>雄性
<input type="radio" name="sex" value="woman"/>雌性
<input type="button" id="b2" value="点击获取单选框值"/>
<p/>
复选框:
<input type="checkbox" id="h" value="basketball">篮球
<input type="checkbox" id="h" value="football">足球
<input type="checkbox" id="h" value="badminton">羽毛球
<input type="checkbox" id="h" value="ping-pong">乒乓球
<input type="button" id="b3" value="点击获取复选框值"/>
<p/>
下拉框：
<select id="selectTest" name="items">
<option value="orange">橘子</option>
<option value="banana">香蕉</option>
<option value="watermelon">西瓜</option>
</select>
<input type="button" id="b4" value="点击获取下拉框值"/>
</body>
<script type="text/javascript">
$(document).ready(function(){
$("#b1").click(function(){
var v=$("#t1").val();
alert(v);
});
$("#b2").click(function(){
var sex = $("input[name='sex']:checked").val();
alert(sex);
});
$("#b3").click(function(){
/*$("#h:checked").each(function(){
//str+=$(this).val()+"\r\n";
alert($(this).val());
}); */
$(":checkbox:checked").each(function(){
alert($(this).val());
});
});
$("#b4").click(function(){
var item = $("#selectTest").val();
alert(item);
});
});
</script>
分享到：
相关推荐
使用jQuery获取文本框的值非常简单： ```javascript var textVal = $("#text_id").val(); // 使用.val()方法获取值 ``` **注意：** `.val()` 方法是用来获取或设置表单元素的值的，而 `.attr("value")` 是用来获取...
本文将详细解析如何使用jQuery获取表单元素的各种值，包括文本框（TEXT）、文本区域（AREA TEXT）、复选框（CHECKBOX）、单选按钮（RADIO）、下拉列表（SELECT）以及表格（TABLE）中的数据。 ### 文本框（TEXT） ...
在本篇内容中，我们将详细探讨如何使用jQuery来获取form...此外，还了解到了原生JavaScript在操作表单元素值时的方法。这些知识在开发Web应用时非常重要，能够帮助开发者更加高效地处理用户输入数据，提升用户体验。
1. 获取表单元素的值 在表单中，获取元素的值是常见的需求。使用jQuery，可以通过选择器定位到具体的表单元素，并使用相应的方法来获取值。例如： - 对于文本框和文本区域，使用`.val()`方法可以获取到里面的值： `...
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的表单元素操作。 #### 一、获取 Select 标签的值 ##### 1. 获取 Select 的 Value 值 要获取 Select 下拉框的当前选中值（即 value 属性的值）...
一、jQuery获取表单元素的值 在jQuery中，获取表单元素的值非常直观。例如，对于一个ID为`exampleInput`的input元素，我们可以使用`val()`函数来获取或设置其值： ```javascript var inputValue = $('#exampleInput...
本示例“jQuery复制移除表单元素代码”是基于jQuery 1.7.2版本实现的功能，这个版本在当时是相当稳定且广泛使用的。 1. **jQuery库的引入**：描述中提到的`jquery.1.7.2.min.js`是jQuery的核心库文件，它的引入使得...
本资源“jQuery复制表单元素代码.zip”聚焦于如何使用jQuery实现表单元素的复制功能，这对于动态创建表单、批量添加输入项或构建可配置界面非常有用。下面将详细介绍jQuery在处理表单元素复制时的关键知识点。 首先...
1. `.val()`: 这是获取或设置表单元素值的主要方法。例如，获取文本框的值：`var value = $("input[type='text']").val();` 2. `.serialize()`: 该方法可以将表单数据序列化为URL查询字符串，常用于Ajax提交表单。...
本资源“jQuery添加删除表单元素代码.zip”提供了一种利用jQuery动态添加和删除表单行的解决方案，主要依赖于名为"jquery.dynamic-rows"的插件。这个插件是针对那些需要在用户交互时动态管理表单元素的应用场景设计...
- `val()`：对于`<input>`等表单元素，获取其值，但对`td`无效，因为`td`没有`value`属性。 在"用Jquery获取table中td的值"这个场景下，可能需要遍历整个表格获取所有`td`的值。可以使用`.each()`方法来实现： ``...
以上就是使用jQuery获取和操作checkbox选中值的基本方法。这些技巧在处理多选数据、用户交互和表单提交时非常有用。通过结合CSS类和DOM操作，可以进一步完善用户体验，如添加视觉反馈或动画效果。在实际项目中，确保...
具体来说，将表单元素的disabled属性设置为disabled值，即可实现元素的禁用效果。让我们详细分解一下这些知识点： 1. jQuery的引入：在HTML文档中引入jQuery库是使用jQuery进行DOM操作的前提条件。在代码示例中，...
本文对jQuery获取及设置表单input各种类型值的方法进行了详细的小结。首先，对于radio类型输入框，可以通过使用jQuery选择器获取被选中项的值，例如使用$("input[@name=items]:checked").val();可取得一组具有相同...
本文将详细介绍如何使用jQuery来获取表单中的不同元素（如下拉列表、单选按钮、复选框等）的值。 #### 二、基础概念 在深入探讨具体实现之前，先了解一些基础概念： - **选择器**：jQuery提供了一种灵活的方式来...
### 获得HTML中表单元素值总结 在Web开发中，经常需要处理用户通过HTML表单提交的数据。本文将详细介绍如何在JavaScript中获取不同类型的HTML表单元素的值，包括下拉选择框（`<select>`）、单选按钮（`...