送信前にチェックボックスの値を文字列に結合するスクリプト

Question

複数の選択されたチェックボックスの値（name = "cb1"）を1つの文字列に結合する必要があるpaypalチェックアウトフォームを使用しているので、 = "os1"）の値です。私はこれを理解しようとする円で回っています。私は非常に小さなJSを知っている！誰か助けてもらえますか？

<div id="buyform"> 
 
     <form target="paypal" id="ppform" name="ppform" action="https://www.paypal.com/cgi-bin/webscr" method="post" > 
 
     <input type="hidden" name="cmd" value="_cart"> 
 
     <input type="hidden" name="business" value="myPPbusinessid"> 
 
     <input type="hidden" name="lc" value="GB"> 
 
     <input type="hidden" name="item_name" value="Form Title"> 
 
     <input type="hidden" name="button_subtype" value="products"> 
 
     <input type="hidden" name="no_note" value="0"> 
 
     <input type="hidden" name="no_shipping" value="2"> 
 
     <input type="hidden" name="currency_code" value="GBP"> 
 
     <input type="hidden" name="add" value="1"> 
 
     <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHosted"> 
 
     <div><input type="hidden" name="on0" value="Options"><h5>Options</h5></div> 
 
     <div> 
 
      <select name="os0" id="os0" required> 
 
     \t \t <option value="Chosen Product">Any quantity £10.00 GBP</option> 
 
     \t </select> 
 
     </div> 
 
     <input type="hidden" name="on1" value="Colours"> 
 
     <div> 
 
     <input type="checkbox" name="cb1" value="Red" id="os10" class="thecbox"/><label for="os10"></label> 
 
     <input type="checkbox" name="cb1" value="Green" id="os11" class="thecbox"/><label for="os11"></label> 
 
     <input type="checkbox" name="cb1" value="Orange" id="os12" class="thecbox"/><label for="os12"></label> 
 
     <input type="checkbox" name="cb1" value="Purple" id="os13" class="thecbox"/><label for="os13"></label> 
 
     <input type="checkbox" name="cb1" value="Yellow" id="os14" class="thecbox"/><label for="os14"></label> 
 
     <input type="checkbox" name="cb1" value="Black" id="os15" class="thecbox"/><label for="os15"></label> 
 
     <input type="checkbox" name="cb1" value="Blue" id="os16" class="thecbox"/><label for="os16"></label> 
 

 
     <input type="hidden" name="os1" value="EACH, CHECKED, VALUE, HERE"> 
 
      
 
     </div> 
 
     <input type="hidden" name="currency_code" value="GBP"> 
 
     <input type="hidden" name="option_select0" value="Options"> 
 
     <input type="hidden" name="option_amount0" value="10.00"> 
 
     <input type="hidden" name="option_index" value="0"> 
 
     <input type="hidden" name="currency_code" value="GBP"> 
 
     <input type="submit" border="0" name="submit" id="submit" value="Purchase" class="buynow mb0"></form> 
 
     </div>

Answer 1

私が望んでいたとおりに正確に働いて、それを持っているように見えます。 JSが整理する必要があると感じるのを助けることができない！私はコードの小さな断片でなければならないと思われるもののために長いと思われる...私のように：私のJSは存在しないために貧しいです！

<script type="text/javascript"> 
 
\t function checkTotal() { 
 

 
     document.ppform.os1.value = ''; 
 

 
     if (document.getElementById('os10').checked){ 
 
      var cb1str = document.ppform.cb1.value; 
 
     } else { 
 
      var cb1str = ''; 
 
     } 
 
     if (document.getElementById('os11').checked){ 
 
      var cb2str = document.ppform.cb2.value; 
 
     } else { 
 
      var cb2str = ''; 
 
     } 
 
     if (document.getElementById('os12').checked){ 
 
      var cb3str = document.ppform.cb3.value; 
 
     } else { 
 
      var cb3str = ''; 
 
     } 
 
     if (document.getElementById('os13').checked){ 
 
      var cb4str = document.ppform.cb4.value; 
 
     } else { 
 
      var cb4str = ''; 
 
     } 
 
     if (document.getElementById('os14').checked){ 
 
      var cb5str = document.ppform.cb5.value; 
 
     } else { 
 
      var cb5str = ''; 
 
     } 
 
     if (document.getElementById('os15').checked){ 
 
      var cb6str = document.ppform.cb6.value; 
 
     } else { 
 
      var cb6str = ''; 
 
     } 
 
     if (document.getElementById('os16').checked){ 
 
      var cb7str = document.ppform.cb7.value; 
 
     } else { 
 
      var cb7str = ''; 
 
     } 
 
\t \t var sum = cb1str.concat(cb2str).concat(cb3str).concat(cb4str).concat(cb5str).concat(cb6str).concat(cb7str); 
 
\t \t document.ppform.os1.value = sum; 
 
\t } 
 
</script>

<div id="buyform"> 
 
      <form target="paypal" id="ppform" name="ppform" action="https://www.paypal.com/cgi-bin/webscr" method="post" > 
 
      <input type="hidden" name="cmd" value="_cart"> 
 
      <input type="hidden" name="business" value="myPPbusinessid"> 
 
      <input type="hidden" name="lc" value="GB"> 
 
      <input type="hidden" name="item_name" value="Form Title"> 
 
      <input type="hidden" name="button_subtype" value="products"> 
 
      <input type="hidden" name="no_note" value="0"> 
 
      <input type="hidden" name="no_shipping" value="2"> 
 
      <input type="hidden" name="currency_code" value="GBP"> 
 
      <input type="hidden" name="add" value="1"> 
 
      <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHosted"> 
 
      <div><input type="hidden" name="on0" value="Options"><h5>Options</h5></div> 
 
      <div> 
 
       <select name="os0" id="os0" required> 
 
      \t \t <option value="Chosen Product">Any quantity £10.00 GBP</option> 
 
      \t </select> 
 
      </div> 
 
      <input type="hidden" name="on1" value="Colours"> 
 
      <div> 
 
      <input type="checkbox" name="cb1" value="Red " id="os10" onchange="checkTotal()" /><label for="os10"></label> 
 
      <input type="checkbox" name="cb2" value="Green " id="os11" onchange="checkTotal()" /><label for="os11"></label> 
 
      <input type="checkbox" name="cb3" value="Orange " id="os12" onchange="checkTotal()" /><label for="os12"></label> 
 
      <input type="checkbox" name="cb4" value="Purple " id="os13" onchange="checkTotal()" /><label for="os13"></label> 
 
      <input type="checkbox" name="cb5" value="Yellow " id="os14" onchange="checkTotal()" /><label for="os14"></label> 
 
      <input type="checkbox" name="cb6" value="Black " id="os15" onchange="checkTotal()" /><label for="os15"></label> 
 
      <input type="checkbox" name="cb7" value="Blue " id="os16" onchange="checkTotal()" /><label for="os16"></label> 
 

 
      <input type="hidden" name="os1" value=""> 
 
       
 
      </div> 
 
      <input type="hidden" name="currency_code" value="GBP"> 
 
      <input type="hidden" name="option_select0" value="Options"> 
 
      <input type="hidden" name="option_amount0" value="10.00"> 
 
      <input type="hidden" name="option_index" value="0"> 
 
      <input type="hidden" name="currency_code" value="GBP"> 
 
      <input type="submit" border="0" name="submit" id="submit" value="Purchase" class="buynow mb0"></form> 
 
      </div>