jquery的each方法取值传送数组
更新:HHH   时间:2023-1-7


先建一个HTML文件,命名为each.html


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
 <script type="text/javascript" src="jquery-1.7.2.js"></script>
 <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>

<body>
<input type="checkbox"  value="1"  />1 <br />
<input type="checkbox"  value="2"  />2 <br />
<input type="checkbox"  value="3"  />3 <br />
<input type="checkbox"  value="4"  />4 <br />
<input type="submit" id="add_submit" name="add_submit"  value="修改"/>

<script type="text/javascript">
  var sel="";
         $('input#add_submit').click(function() {
        $("input:checked").each(function(i){
      sel+= $(this).val()+"|" ;  

       alert(sel);
              });
               $.ajax(
     {
      url: 'add_data.php',
      method: 'get',
      data: '{"qihao":"sel"}',
      success: function()
      {
      window.open("add_data.php?&qihao="+sel); 
      }        
     });
     });

</script>
</body>
</html>
 

再建一个php页面,命名为:add_data.php


<meta http-equiv="Content-Type" content="text/html"  charset="UTF-8" />

<?php
$caizhong=$_GET['caizhong'];
$qihao=$_GET['qihao'];
echo $caizhong;
echo $qihao;
?>

 

返回web开发教程...