jquery 获取表单信息

最新推荐文章于 2022-10-26 10:24:13 发布

最新推荐文章于 2022-10-26 10:24:13 发布 · 178 阅读

文章标签：

#jquery #ViewUI

jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何使用jQuery获取HTML表单中隐藏输入字段的名称属性，并演示了如何通过索引访问特定元素。此外，还提供了一个示例，展示了如何为复选框绑定点击事件以控制相关元素的显示与隐藏。

今天群里一个同学问我获取表单用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();
                }
            });