處理與jquery相同的輸入組（顯示/隱藏）

當我選中複選框時，我想在一個div中顯示/隱藏一些元素。我想要顯示div，但要分別顯示每個組。所有div的「addNar ..」我通過附加jquery動態創建。處理與jquery相同的輸入組（顯示/隱藏）

HTML代碼的js文件

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

代碼

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

});

任何人可以幫助我嗎？

來源

2017-03-11 Stanley01

轉換ID心臟去上課心 –

@AlivetoDie你刪除了你的答案？ – Stanley01

感謝您的時間 – Stanley01

這裏是一個工作代碼：「父（）父（）」

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

@AlivetoDie它你的，但我刪除父（之一），你有兩個喜歡送我

來源

2017-03-11 12:10:10 Stanley01

處理與jquery相同的輸入組（顯示/隱藏）

回答

相關問題