Javascript 如何从一个窗体获取/复制复选框值到另一个窗体

Javascript 如何从一个窗体获取/复制复选框值到另一个窗体,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我试图弄清楚如何将复选框值从form1获取/复制到zFormer 我想我需要一个javascript jquery来实现它。将值从form1复制到zFormer或仅将复选框值复制到zFormer的脚本 <!DOCTYPE html> <html lang="en"> <head> <script type='text/javascript' src='https://ajax.googleapis.com/ajax

我试图弄清楚如何将复选框值从form1获取/复制到zFormer 我想我需要一个javascript jquery来实现它。将值从form1复制到zFormer或仅将复选框值复制到zFormer的脚本

<!DOCTYPE html>
 <html lang="en">

 <head>
 <script type='text/javascript'              
  src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
 <script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js">         </script>
 <link rel="stylesheet" type="text/css" href="base/jquery-ui.css">
 <style type='text/css'>
  #box_form > *{
font-size:12px;
margin-bottom:15px;
}
 #box_form > p > label{
display:block;
font-size:18px;
 }
  #box_form > p > input, #box_form > p > textarea{
    width:300px;
   }

  </style>
  <script type='text/javascript'>//<![CDATA[ 
   $(window).load(function(){

    $(document).ready(function() {
    $('#box_form').dialog({
    autoOpen: false,
    height: 200,
    width: 350,
    modal: true,
    buttons: [
        {
        text: "Cancel",
        click: function() {
            $(this).dialog("close");
        }},
    {
        text: "Add Selected",
        click: function() {
            $('#zFormer').submit();
        }}
    ]
});
$('#clicky3').button().click(function(e){
    $('#box_form').dialog('open');
});
   });
  });//]]>  

    </script>
    </head>
     <body>


      <form id="form1" name="form1">
      input type="checkbox" name="email'.$emailCount++.'" value="'.email.'"/>
      <input type="hidden" name="name'.$nameCount++.'" value="'.$id.'"/>
       </form>


      <form id="zFormer"  method="POST" action="script/do-something.php" name="zFormer">
      <label for="name">Add Selected</label>
     <select name="list" id="list" class="form-text">
      <option value="">Add To List</option>
      <option value="All">All</option>
      <option value="All">Blog</option>
       <option value="All">Dj</option>
    </select>
      <input type="hidden" name="name'.$nameCount++.'" value="'.$id.'"/>
   <input type="button" name="new_address" id="clicky3" value="Add Selected">
      </form>
     </body>
      </html>
下面是函数的图片

感谢使用jQuery,您可以在复选框或value属性上使用val方法来获取和设置值

获取值的示例:

$.checkbox.val或document.getElementsByClassNamecheckbox[0]。值

设置值的示例:

$.checkbox.valmy值;或document.getElementsByClassNamecheckbox[0]。值=我的值