如何打印带有文本的span标签中的复选框

时间:2013-07-18 05:24:54

标签: jquery html jquery-traversing

<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>
海......我需要帮助。 实际上我想打印选中“select”div标签中的复选框 你可以告诉我我的错误

2 个答案:

答案 0 :(得分: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());
});

答案 1 :(得分:1)

您的输入作为直接子项在范围内。如果每个输入都在跨度内的div内,那么您编写的代码将起作用。

您当前的结构是:.check1&gt;输入。该代码适用于.check1&gt; div&gt;输入

<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>