jQuery.map()方法程式碼例項

admin發表於2018-06-05
jQuery
本章節分享一段關於jQuery.map()方法的程式碼例項，希望能夠給需要的朋友帶來一定的幫助。

程式碼如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="http://www.softwhy.com/" />   
<title>螞蟻部落</title>
<script src="mytest/jQuery/jquery-1.8.3.js"></script>
<script> 
$(function(){ 
  $("input").click(function(){ 
    var str = $(":checked").map(function(){ 
      return this.value; 
    }).get().join(",") 
    $("span").html(str); 
  }) 
}) 
</script> 
</head> 
<body> 
<input type="checkbox" value="螞蟻部落一"/>螞蟻部落一 
<input type="checkbox" value="螞蟻部落二"/>螞蟻部落二 
<input type="checkbox" value="螞蟻部落三"/>螞蟻部落三 
<br/> 
運算結果:<span></span> 
</body> 
</html>

程式碼演示了jQuery.map()方法作用，具體參閱jQuery.map()方法一章節。

相關文章