jQuery - 複数のチェックボックスがチェックされていて、各チェックボックスに文字列を追加する

Question

私は25個以上のチェックボックスを持っています。これまでのところ、アイテムがテキストボックス内に値が入っているかどうかチェックするときに持っています。私がしようとしていることは...最初のチェックボックスがチェックされた後、値がテキストボックスの下に入力されている...チェックされている各値の前に "AND"の文字列を追加する必要があります。私のスクリプトは、私は私が午前問題はすべて「および」Sですが、すべてのすべての製品の前に現れていると私は最初の製品から余分なが供給「AND」い

<script> 
     $(document).ready(function(){ 
      var lastChecked; 
      var $checks = $('input:checkbox').click(function(e) { 
       var numChecked = $checks.filter(':checked').length; 
        if (numChecked > 1) { 
         $(":checkbox:checked").each(function(){ 
          var text = $('#text_query'); 
          text.val(' AND' + text.val()); 
        });         
       } 
       lastChecked = this; 
      }); 
     }); 
    </script> 

...以下の通りですテキストボックス内でチェックします。例これは、次のようになります

とAND AND Product_1 Product_2 Product_3

...

Product_1とProduct_2とProduct_3は

だから私は何をしないのです。どんな助けもありがとうございます。

Answer 1

を試してみてください。下を見てください。

$(document).ready(function() { 
 
    var lastChecked; 
 
    var $checks = $('input:checkbox').click(function(e) { 
 
    var numChecked = $checks.filter(':checked').length; 
 
    var text = $('#text_query'); 
 
    text.val(''); 
 
    $(":checkbox:checked").each(function() { 
 
     console.log($(this).val()); 
 
     text.val($(this).val() + ' AND ' + text.val()); 
 
    }); 
 
    var str = text.val(); 
 
    text.val(str.substring(0, str.length - 4)); 
 
    lastChecked = this; 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" value="1"> 
 
<input type="checkbox" value="2"> 
 
<input type="checkbox" value="3"> 
 
<input type="checkbox" value="4"> 
 
<input type="checkbox" value="5"> 
 
<input type="checkbox" value="6"> 
 
<input type="checkbox" value="7"> 
 
<input type="checkbox" value="8"> 
 
<input type="checkbox" value="9"> 
 
<br/> 
 
<input type="text" id="text_query">

Answer 2

は、あなたがあなたのAND添付を扱ういくつかの不正なロジックを持っていたこの

var text = $('#text_query'); 
    text.val(text.val('AND'));