今天群里一个同学问我获取表单 用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 绑定点击事件
分享毕竟是一件快乐的事情
<!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();
}
});