温馨提示×

jquery的each方法取值传送数组

发布时间:2020-06-08 07:23:51 来源:51CTO 阅读:3113 作者:懒人Z 栏目:web开发

先建一个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;
?>

 

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

免费拨打  400 100 2938 免费拨打 400 100 2938
24小时售后技术支持 24小时售后技术支持
返回顶部 返回顶部