Question

我正在尝试为我的应用程序创建一个函数。如果单击一个按钮，我希望所有选中的复选框的值与jQuery一起复制到另一个新的空页面。所以只有选中的复选框！复选框的输出位于一个空的HTML页面中，其中包含带ID的div。带有值的复选框列表由Ajax XML文件加载到页面上。我想我必须做一个循环，但我不确定。这就是我的开始：我只是一个初学者。

$('#email').click(function(){
    $("input[type='checkbox']:checked").each(function() {

Answer 1

你可以这样做：

$("#email").click(function(){
   var items = $("input[type=checkbox]").is(":checked");
   $.ajax({
      data: items.serialize()
   })
}

Answer 2

让我们继续代码。我们可以复制checkbox的值，然后将其保存到数组中。

$('#email').click(function(){
    var arr = [];
    $("input[type='checkbox']:checked").each(function() {
       arr.push($(this).val());
    });
});

现在我们在数组中选中了复选框。让我们提醒他们。

alert(arr.toString());

然后你说你想将那些已检查的cb值复制到另一个文件中。这不是那么容易，javascript无法改变其他文件的内容。但是如果你的服务器上有php，你可以使用php和ajax。开始吧。首先，jQuery：

$('#email').click(function(){
    var arr = [];
    $("input[type='checkbox']:checked").each(function() {
       arr.push($(this).val());
    });
    $.ajax({ // lets post values to php
       type: "POST",
       url: "handler.php",
       data: { arr: JSON.stringify(arr);  } // convert js array to php
    })
    .done(function() {
       alert("Data Saved.");
    });
});

然后是php位（handler.php）。

<?php
   $array = json_decode($_POST['arr'], true);

   echo '<h1>Checked checkboxes</h1><br /><ol>';
   foreach($array as $cb) {
      echo "<li>$cb</li>";
   }
   echo '</ol>';
?>

在这种情况下，您希望将选中的复选框保存到文本文件中，将PHP代码更改为：

<?php
   $array = json_decode($_POST['arr'], true);
   $c = 0;
   foreach($array as $cb) {
      file_put_contents('file.txt', $c . '. ' . $cb, FILE_APPEND);
      $c++;
   }
?>

单击按钮复制时选中复选框

2 个答案: