jquery - 如何打印跨度标记中的选中复选框以及文本

Question

<div class="startd">
    <span class="wish">Hello</span>
    <span class="check1">
    <input type="checkbox" name="standard" value="matrix1"><span class="checktext">matrix1</span><br />
    <input type="checkbox" name="standard" value="matrix1"><span class="checktext">matrix2</span><br />
    <input type="checkbox" name="standard" value="matrix1"><span class="checktext">matrix3</span><br />
            </span>
</div>
<a class="update">checked</a>
<div class="Select">
</div>
<script>
 $(".update").click(function(){
   var a=$("span.check1")
   a.each(function(index, elementDiv){
     var div= $(elementDiv);
     var input = $(elementDiv).each('input');
     var check = input.is(":checked");
     if(check){
      //the below line adds content clone to target div
        $(".Select").append(div);
  }
});
</script>

海……我需要帮助。实际上我想打印选中的“选择”div标签中的复选框你能告诉我我的错误吗

Answer 1

你可以这样做：

// Get all the checked checkbox's
var $checkbox = $("span.check1 :checkbox:checked")

// Loop through only checked ones
$checkbox.each(function () {

    //the below line adds content clone to target div
    $(".Select").append($(this).clone());
    $(".Select").append($(this).next('span').clone());
});

Answer 2

您的输入作为直接子级在跨度内。如果输入每个都在跨度内的 div 内，您编写的代码将起作用。

您当前的结构是： .check1>input 。该代码适用于 .check1>div>input

<script>
 var a=$("span.check1")
 a.each(function(index, checkbox){

 var input = $(checkbox);
 var check = input.is(":checked");
 if(check){
 //the below line adds content clone to target div
 $(".Select").append(input);
            }
        });
</script>