jQuery循環的複選框

Question

目前我有兩個輸入字段，當我按下更新按鈕時自動更新，我想添加更多的輸入......但問題是我必須手動添加我的輸入字段名稱在jQuery腳本。 我們可以爲此添加任何循環嗎？請幫忙！！

Type Comment: <input name="mainComment" type="text" value="" /> 
<input type="button" name="updateComment" value="Update" /> 

<hr /> 

<input type="checkbox" class="myCb" name="cb[1]" /><input type="text" name="inv[1]" value="" /><br /> 
<input type="checkbox" class="myCb" name="cb[2]" /><input type="text" name="inv[2]" value="" /> 


<script type="text/javascript"> 
    $(document).ready(function() { 
     $("input[name='updateComment']").live("click", (function(){ 
      if($("input[name='cb[1]']").is(":checked")) { 
       $("input[name='inv[1]']").val($("input[name='mainComment']").val()); 
      } else { 
       $("input[name='inv[1]']").val(""); 
      } 

      if($("input[name='cb[2]']").is(":checked")) { 
       $("input[name='inv[2]']").val($("input[name='mainComment']").val()); 
      } else { 
       $("input[name='inv[2]']").val(""); 
      } 
     })); 
    }); 
</script> 

Answer 1

可以使用輸入的class name（.myCb）來選擇從DOM輸入和通過每個輸入使用jQuery的.each()方法來循環。

你可以這樣說：

$(document).ready(function() { 
 
     $("input[name='updateComment']").on("click", (function(){ 
 
     \t \t var val = $("input[name='mainComment']").val(); 
 
      $('input.myCb').each(function(i) { 
 
      \t if($(this).is(':checked')) { 
 
       $(this).next().val(val); 
 
       } else { 
 
       $(this).next().val(''); 
 
       } 
 
      }) 
 
     \t \t 
 
     
 
     })); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Type Comment: <input name="mainComment" type="text" value="" /> 
 
<input type="button" name="updateComment" value="Update" /> 
 

 
<hr /> 
 

 
<input type="checkbox" class="myCb" name="cb[1]" /><input type="text" name="inv[1]" value="" /><br /> 
 
<input type="checkbox" class="myCb" name="cb[2]" /><input type="text" name="inv[2]" value="" /><br> 
 
<input type="checkbox" class="myCb" name="cb[3]" /><input type="text" name="inv[2]" value="" />

希望這有助於！