jQuery - 「すべてを選択」複数のフォームのチェックボックス

Question

チェックボックスの値を渡すソリューションをオンラインでチェックしました"select all"私はページに複数のフォームを持っています。だから私は特定のフォームに基づいて値を渡すことを分離する必要があります。

のjQuery：

$(document).ready(function() { 
$(".select-all").change(function() { 
    $(this).siblings().prop('checked', $(this).prop("checked")); 
    }); 
}) 

HTMLフォームの：**

<div class="col"> 
    <fieldset> 
      <form action="{$link->getLink('controller')|escape:'htmlall':'utf-8'}" method="post"> 
      <p> 
       {foreach from=$payment item=row} 
       <input type="checkbox" name="payment[]" maxlength="50" value={$row.id_order}> 
       <label> ID: <b>{$row.id_order}</b></label><br/> 
       {/foreach} 
       <br/> 
       <input id="submit" name="submitpayment" type="submit" value="PACK ITEMS" class="button" /> 
      </p> 
     </form> 
    </fieldset> 
</div> 

Error (Value is empty):

入力タイプ= "チェックボックス" クラス= "を選択し、すべての" 名前= "支払い[] "value =" "

recoに渡すSQLクエリRDS：

public function displayOrdersbyID() 
{ 
$query1 = new DbQuery(); 
$query1->select('o.id_order') 
->from('orders','o') 
->leftJoin('carrier','c','o.id_carrier=c.id_carrier') 
->leftJoin('order_state_lang','s','o.current_state=s.id_order_state') 
->where('c.name = ' . "'XXX'") 
->where('s.name = ' . "'Payment accepted'"); 
$payment = Db::getInstance(_PS_USE_SQL_SLAVE_)->executeS($query1); 
$this->context->smarty->assign('payment', $payment); 

コントローラー：

if (Tools::isSubmit('submitpayment')) { 
    $ids= Tools::getValue('payment'); 

    $query18 = new DbQuery(); 
    $query18->select('id_order_state') 
    ->from('order_state_lang') 
    ->where('name = ' . "'Processing in progress'"); 
    $updateinprogress = Db::getInstance()->getValue($query18); 

    foreach ($ids as $updateids) { 
      $objOrder = new Order($updateids); 
      $history = new OrderHistory(); 
      $history->id_order = (int)$objOrder->id; 
      $history->id_employee = $cookie->id_employee; 
      $history->changeIdOrderState($updateinprogress, (int)($objOrder->id)); 
      $history->add(true); 
      $history->save(); 
     } 
    } 

はALLチェックボックスを選択：

<input type="checkbox" class="select-all" name="payment[]" value= 
{$row.id_order}> 
<label> SELECT ALL</label> 

Iはループの外側に配置すること、フォームのためのすべてのチェックボックスSELECTを作成するために上記のコードを使用していた

。私はそれが間違っていることを理解し、価値は渡されていない、どこにチェックボックスを置くべきですか？

ご了承ください。

ありがとうございます。

Answer 1

私は

<input type="checkbox" class="select-all" name="inprogress[]" value={$row.id_order}> 

で$row.id_orderためそこには初期のでselect-all値で問題を考えるしかし、あなたは$row.id_orderの値を割り当てると{foreach from=$payment item=row}は別のものを使用しなければならないようにし、次の子に使用されていない可能性があります可変識別子ならrowです。

あなたはその後、第二の形式と$_POST['inprogress']ため$_POST['payment']に何もする必要は返されませんあなたがPHPでこれらの要素の値を使用したいがloop.If外の$ row.order_idを割り当てることはできません間違った練習での作業あなたが望む価値 チェックボックスを選択しない場合、結果は空白になります。 これは配列型のオブジェクトを返すことに注意してください。

Answer 2

線

<input type="checkbox" class="select-all" name="inprogress[]" value={$row.id_order}> 

は、ループの外側にあります。したがって、{$row.id_order}という値はテンプレートには定義されません。コンパイルされた値についてDOMツリーをチェックします。

SELECT ALLボタンの最終目標は何ですか？ 2つの形式の間に関係はありますか？

編集：

出力変数の値を参照してください。この値を収集し、フォーム提出とともに渡すことができます。

<div class="col"> 
    <fieldset> 
      <form> 
      <p> 
       <input type="checkbox" class="select-all" name="payment[]" value="22"> 
       <label> SELECT ALL</label> 
       <br/><br/> 
       <input type="checkbox" name="payment[]" maxlength="50" value="a"> 
       <label> ID: <b>A</b></label><br/> 
       <input type="checkbox" name="payment[]" maxlength="50" value="b"> 
       <label> ID: <b>B</b></label><br/> 
       <input id="submit" name="submitinprogress" type="submit" value="PACK ITEMS" class="button" /> 
      </p> 
     </form> 
    </fieldset> 
</div> 

$(document).ready(function() { 
    $(".select-all").change(function() { 
     $(this).siblings().prop('checked', $(this).prop("checked")); 
     let inputs = $(this).siblings("input[type=checkbox]"); 
     let output = []; 
     for(let i = 0; i < inputs.length; i++){ 
      output.push(inputs[i].value); 
     }; 
     console.log(output); // ["a", "b"] 
    }); 
});