チェックボックス自体がチェックされているときに他のチェックボックスをチェックするために、いくつかのチェックボックスを取得しようとすると助けが必要です。
つまり、JSFiddleリンク(http://jsfiddle.net/sHKRM/)で、最初のオプション「Milk and Bread」がチェックされている場合、「Bread」と「Milk」のチェックボックスと「Milk」をチェックする必要があります。とパンのボックスはチェックされたままになります。
これは、ページ上で複数回実行する必要があります(たとえば、鶏肉と野菜は両方をチェックする必要があります)。
また、ユーザーがチェックを外した場合、選択を元に戻すことができる必要があります。つまり、[ミルクとパン]にチェックマークが付いていて、その結果2つにチェックマークが付いている場合、[ミルクとパン]チェックボックスがオフになっていると、両方のチェックボックスをオフにする必要があります。
チェックボックスがリストの場合、stackoverflowでさまざまな解決策を見つけましたが、スクリプトの残りの部分で機能させることができません(適切な項目がチェックされると、ユーザーがリストを生成してクリップボードにコピーします)。
フィドルでわかるように、ユーザーが「ミルクとパン」と「鶏肉と野菜」にチェックマークを付けるには、複数の「組み合わせ」が必要です。私の質問は、私が持っている構造を使用してこれをどのように達成できるかです。瞬間(つまり、リストとしてだけでなく、以下に示すようにテーブル内のすべて)?
<tr>
<td><input type='checkbox' name='pe_gen1' value='- Milk and Bread' /> Milk and Bread</td>
<td><input type='checkbox' name='pe_gen2' value='- Bread' /> Bread</td>
</tr>
<tr>
<td><input type='checkbox' name='pe_gen2' value='- Milk' /> Milk</td>
<td><input type='checkbox' name='pe_gen2' value='- Cookies' /> Cookies</td>
</tr>