2022/3/16jQuery笔记

最新推荐文章于 2022-04-09 22:09:53 发布

.Deity

最新推荐文章于 2022-04-09 22:09:53 发布

阅读量316

点赞数 1

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/m0_68189681/article/details/123520627

版权

今天学了表单对象选择器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-1.11.2.js"></script>
	</head>
	<body>
		
		<input type="checkbox" class="hby" name="hobby" value="篮球" />篮球&nbsp;
		<input type="checkbox" class="hby" name="hobby" value="足球" />足球&nbsp;
		<input type="checkbox" class="hby" name="hobby" value="羽毛球" />羽毛球&nbsp;
		<input type="checkbox" class="hby" name="hobby" value="棒球" />棒球&nbsp;
		
		<input type="submit" value="提交" onclick="f1()"/>
		<script>
			 //:checked  匹配所有选中的被选中元素
			 function f1(){
				  console.log($('.hby:checked'));
				  var s = "";
				  for(var i=0; i<$('.hby:checked').length; i++){
				     s += $('.hby:checked:eq('+i+')').val()+",";
				  }
				  s = s.substr(0,s.length-1);
				 console.log(s);//1,3,4
			 }
		
		</script>
	</body>
</html>

.Deity

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2022/3/16jQuery笔记

今天学了表单对象选择器<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-1.11.2.js"></script> </head> <body> <input type="checkbox" class="hby" na
复制链接

扫一扫