今天群里一个同学问我获取表单 用jquery 或者js 对于很多人老说肯定是很简单了 可是对于我菜鸟来说 测试了很多 觉得还是记下来的好 或许多有些初学者有用
分享毕竟是一件快乐的事情
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var allname=$("input:hidden").attr("name");//这里显示的是第一个标签 “ceshi”
document.write(allname);
document.write($("input:hidden")[1].name);//通过$("input:hidden")[1] 可以获得"ceshi1" 也就是第二个input 的name 通过下标来访问每个标签 注意这里用的是$("input:hidden")[1].name 而不是 $("input:hidden")[1].attr("name") 这才是要记住的
});
</script>
</head>
<body>
<input type="hidden" name="ceshi" />
<input type="hidden" name="ceshi1" />
<input type="hidden" name="ceshi2" />
<input type="hidden" name="ceshi3" />
</body>
</html>
其实展示在这里很简单了 其实我当时也不知道怎样去获取jquery对象中有多个元素的信息 呵呵 献丑了 图片为调试显示结果
checkbox 绑定点击事件
$('input[name="chk"]:checkbox').click(
function () {
if ($(this).attr("checked")) {
$("#text" + $(this).attr("id")).show();
}
else {
$("#text" + $(this).attr("id")).hide();
}
});
- 大小: 15.9 KB
分享到：
相关推荐
使用jQuery获取文本框的值非常简单： ```javascript var textVal = $("#text_id").val(); // 使用.val()方法获取值 ``` **注意：** `.val()` 方法是用来获取或设置表单元素的值的，而 `.attr("value")` 是用来获取...
本文将详细解析如何使用jQuery获取表单元素的各种值，包括文本框（TEXT）、文本区域（AREA TEXT）、复选框（CHECKBOX）、单选按钮（RADIO）、下拉列表（SELECT）以及表格（TABLE）中的数据。 ### 文本框（TEXT） ...
首先，要获取表单中input元素的值，最常用的方法是使用jQuery的val()方法。当使用 $("#id") 选择器选中了一个元素后，可以使用 .val() 来获取这个元素的值。这里，“#id”是CSS选择器的一种，用于选中id属性为特定值...
《jQuery获取表单数据深度解析与实践指南》 在前端开发中，jQuery库以其简洁的API和强大的功能，成为开发者们的首选工具之一。本资料合集主要围绕如何使用jQuery高效地获取和处理HTML表单数据进行深入探讨，适用于...
一、jQuery获取表单元素的值 在jQuery中，获取表单元素的值非常直观。例如，对于一个ID为`exampleInput`的input元素，我们可以使用`val()`函数来获取或设置其值： ```javascript var inputValue = $('#exampleInput...
本文对jQuery获取及设置表单input各种类型值的方法进行了详细的小结。首先，对于radio类型输入框，可以通过使用jQuery选择器获取被选中项的值，例如使用$("input[@name=items]:checked").val();可取得一组具有相同...
如果验证失败，可以显示错误信息并阻止表单提交。同时，确保在所有验证成功后再提交表单，以防止部分数据未验证就提交。 **10. 源码分析** 通过阅读和理解“jQuery超强验证表单”中的源码，我们可以学习到如何组织...
2. **事件绑定**：jQuery的`.on()`方法允许我们绑定各种事件，如`focus`（获取焦点）和`blur`（失去焦点）。通过这些事件，我们可以实现当用户将焦点移到表单字段时触发高亮效果，移开焦点时取消高亮。 3. **CSS...
"jQuery输入手机号码获取验证码表单代码"就是这样一个解决方案，它结合了美观的界面设计与实用的前端功能，使得用户输入手机号码并获取验证码的过程既便捷又有趣。以下是关于这个代码实现的一些关键知识点： 1. **...
对于表单来说，jQuery能够方便地获取和修改表单元素的值，监听表单事件，如提交、改变等，从而实现复杂的表单逻辑。 在"jQuery自定义表单"项目中，我们主要关注以下几点： 1. **表单元素操作**：使用jQuery选择器...
// 获取表单数据 $.ajax({ url: "submit.php", // 提交的URL type: "POST", data: formData, success: function(response) { alert("数据已成功提交！"); $("#popupForm").hide(); // 提交后关闭弹窗 }, ...
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
jQuery是一款强大的JavaScript库，它简化了DOM操作、事件处理和动画效果等任务，而“jQuery填写表单带步骤指引的表单向导提示插件”则进一步提升了表单填写的体验，通过引导式提示帮助用户逐步完成复杂的表单填写...
在网页开发中，表单是收集用户信息的重要工具，而jQuery能够极大地提升表单的用户体验，使操作更流畅、反馈更及时。 首先，我们要了解jQuery的基本概念。jQuery是一个轻量级的JavaScript库，它简化了DOM（文档对象...
主要介绍了jQuery实现获取form表单内容及绑定数据到form表单操作,结合jQuery封装插件操作分析了jQuery针对form表单的serializeJson数据获取及setForm数据绑定相关操作技巧,需要的朋友可以参考下
总的来说，jQuery Validate插件为开发者提供了一种简单、灵活的方式来处理表单验证，大大简化了前端验证的复杂度，使得会员信息注册表单的验证变得更加容易。通过合理配置，我们可以确保用户输入的数据符合我们的...
"jQuery滑动表单验证效果"是一个示例项目，旨在展示如何利用jQuery实现动态、互动的验证反馈，为用户带来更流畅的表单填写体验。 在这个项目中，"FancySlidingForm"可能是主要的HTML文件，包含了表单的结构和样式。...
1. 获取表单元素的值 在表单中，获取元素的值是常见的需求。使用jQuery，可以通过选择器定位到具体的表单元素，并使用相应的方法来获取值。例如： - 对于文本框和文本区域，使用`.val()`方法可以获取到里面的值： `...
总之，jQuery提供了强大的工具来简化表单验证的实现，通过结合DOM操作、事件处理和正则表达式，我们可以创建出功能完善、用户体验良好的用户注册表单。这个小项目可以帮助你深入理解这些概念，并实践在实际项目中。
jQuery Validation Engine是一款强大的JavaScript库，专门用于实现网页表单的验证功能。它是基于流行的JavaScript库jQuery构建的，为开发者提供了一种优雅的方式来处理用户输入的数据验证。这个插件以其高度可定制性...