`
cheeruplc
  • 浏览: 111787 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery 获取表单信息

阅读更多
今天群里一个同学问我获取表单 用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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics