Question

当我选中复选框时，我想在一个div中显示/隐藏一些元素。我想显示div，但是对于每个组分别。所有div＆＃34; addNar ..＆＃34;我通过附加jquery来动态创建。

html代码

<div id="naramky">
    <div id="addNar1">    
       <input type="checkbox" id="heart" name="heart[]" class="heart" value="1">
         <div id="srdce" class="srdce" style="display:none">
           <input type="text" id="srdce_farba" name="srdce_farba[]" />
         </div>
    </div>
    <div id="addNar2">    
       <input type="checkbox" id="heart" name="heart[]" class="heart" value="1">
         <div id="srdce" class="srdce" style="display:none">
           <input type="text" id="srdce_farba" name="srdce_farba[]" />
         </div>
    </div>
    <div id="addNar3">    
       <input type="checkbox" id="heart" name="heart[]" class="heart" value="1">
         <div id="srdce" class="srdce" style="display:none">
           <input type="text" id="srdce_farba" name="srdce_farba[]" />
         </div>
    </div>
</div>

js文件中的代码

$('#naramky').on('click', '#heart', function() { 
   $('#srdce').toggle();

});

有人能帮助我吗？

Answer 1

这是一个有效的代码：

$(document).on('click', 'input[name="heart[]"]', function() {
  $(this).parent().next('.srdce').toggle();
});

@AlivetoDie是你的，但我删除了一个parent（），你给我发了两个像“parent（）。parent（）”

使用jquery处理相同的输入组（显示/隐藏）

1 个答案: