[![画像の説明をここに入力](https://i.stack.imgur.com/RCwqd.png)](https://i.stack.imgur.com/RCwqd.png)

[![画像の説明をここに入力](https://i.stack.imgur.com/Vp9xd.png)](https://i.stack.imgur.com/Vp9xd.png)

syokzai.html

```

    <!DOCTYPE html>
    <html lang="ja">
    <head>
    <meta charset="UTF-8">
    <title>食材一覧</title>
    </head>
    <body>
    
    <p>食材一覧</p>
    
    <div>
      <form method="post" action="syokuzai.html"></form>
       <h1>肉類</h1>
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">牛薄切り肉</label>
      </div>
      
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">牛焼肉用</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">牛ステーキ用</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">牛ブロック肉</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">その他牛肉</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">豚薄切り肉</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">豚焼肉用</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">豚生姜焼き用肉</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">豚ブロック肉</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">その他豚肉</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">鶏もも肉</label>
      </div>
    
      <div>
        <label><input type="checkbox" name="肉類"  value="肉類">鶏むね肉</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">その他鶏肉</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">挽き肉</label>
      </div>
    
      <div>
        <label><input type="checkbox"   name="肉類"  value="肉類">ハム・ソーセージ・ベーコン類</label>
      </div>
      
    </div>
    
    <div>
      <h1>野菜・果実類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">キャベツ</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">レタス</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">白菜</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">たまねぎ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">長ねぎ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">もやし</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他葉茎菜類</label>
     </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">トマト</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">きゅうり</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">なす</label>
      </div>
    
      <div>
        <label><input type="checkbox" name="肉類"  value="肉類">ピーマン類</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">かぼちゃ</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">その他果菜類</label>
      </div>
    
      <div>
        <label><input type="checkbox"   name="肉類"  value="肉類">にんじん</label>
      </div>
    
      <div>
        <label><input type="checkbox"   name="肉類"  value="肉類">大根</label>
      </div>
    
      <div>
        <label><input type="checkbox"   name="肉類"  value="肉類">生姜</label>
      </div>
    
      <div>
        <label><input type="checkbox"   name="肉類"  value="肉類">その他根菜類</label>
      </div>
    
      <div>
        <label><input type="checkbox"   name="肉類"  value="肉類">カット野菜</label>
      </div>
    
      <div>
        <label><input type="checkbox"   name="肉類"  value="肉類">果実類</label>
      </div>
    
    </div>
    
    <div>
      <h1>魚介類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">さけ・サーモン</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">ぶり</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">さば</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">さんま</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">しらす</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">ツナ缶</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">エビ・カニ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">イカ・タコ</label>
     </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">貝類</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">魚卵</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">練り物</label>
      </div>
    
      <div>
        <label><input type="checkbox"  name="肉類"  value="肉類">その他魚介類</label>
      </div>
    </div>
    
    <div>
      <h1>乾物・海藻類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">海苔</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">昆布</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">わかめ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">麩</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">春雨</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他乾物・海藻類</label>
     </div>
    </div>
    
    <div>
      <h1>きのこ・山菜類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">しいたけ</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">しめじ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">エリンギ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">えのきたけ </label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">まいたけ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">長ねぎ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">もやし</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他きのこ・山菜類</label>
     </div>
    
    <div>
      <h1>卵類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">鶏卵</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他卵類</label>
     </div>
    
    </div>
    
    <div>
      <h1>いも類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">じゃがいも</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">さつまいも</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">里芋</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">長芋・山芋</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">こんにゃく類</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他いも類</label>
     </div>
    
    </div>
    
    <div>
      <h1>パン類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">食パン</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">フランスパン</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他パン類</label>
     </div>
    </div>
    
    <div>
      <h1>ごはん類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">ごはん</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">米（炊飯前）</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">もち米</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">餅</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他ごはん類</label>
     </div>
    </div>
    
    <div>
      <h1>乳製品類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">牛乳</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">チーズ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">ヨーグルト</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">生クリーム</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他乳製品</label>
     </div>
    
    <div>
      <h1>豆・豆腐・豆腐加工品類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">豆腐</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">油揚げ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">厚揚げ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">納豆</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他豆・豆腐・豆腐加工品類</label>
     </div>
    
    <div>
      <h1>麺類</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">うどん</label>
     </div>
     
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">そば</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">そうめん</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">中華麺</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">パスタ・スパゲティ</label>
     </div>
    
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他麺類</label>
     </div>
    
    <div>
      <h1>その他食材</h1>
     <div>
       <label><input type="checkbox"  name="肉類"  value="肉類">その他食材</label>
     </div>
    
     <a href="nyuuryoku.html">決定</a>
    
    </div>
    <script src="nyuuryoku.html"></script>
    <script>
    
```
CC BY-SA 4.0
2023-08-08T02:43:51.850
95883
2023-08-08T04:39:50.910
2023-08-08T04:39:50.910
3060
59414
question
javascript html css
htmlにて複数のチェックボックスを作りそこからJavascriptを使い指定したリンク先にて複数のチェックボックスのデータの値を出力させたいのですが書き方がわからないので教えてください。