首页 > 代码库 > JQ each
JQ each
<!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="http://www.mamicode.com/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type ="text/javascript" >
$(function() {
$("input[name=names]").click(function() {
var ary = new Array();
$("input[name=names]:checked").each(function(key, value) { ary[key] = $(value).val(); });
$("#msgtxt").text("共选中" + ary.length + "项" + ary.join(","));
});
});
</script>
</head>
<body>
<input type ="checkbox" name ="names" value ="http://www.mamicode.com/tom" />tom
<input type ="checkbox" name ="names" value ="http://www.mamicode.com/jack"/>jack
<input type ="checkbox" name ="names" value ="http://www.mamicode.com/marry"/>marry
<p id ="msgtxt"></p>
</body>
</html>