- ベストアンサー
複数のスタンプ画像を選択する方法と必要なコード
- PHPを使用して、複数のスタンプ画像を選択する方法とその必要なコードを教えてください。
- 質問ページでフォームを作成し、Ajaxのようなデータ送信ができない前提で、スタンプ画像から選択肢を選ばせる方法を教えてください。
- 参考サイトを確認し、Wordpressを使用している場合に必要なコードや方法についてアドバイスをいただきたいです。
- php_learn
- お礼率32% (511/1595)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
javascript 必要？ 試してないけど・・・ <!DOCTYPE html> <title></title> <meta charset="utf-8"> <style> #fuga { list-style: none;} #fuga input[type="checkbox"] {display: none;} #fuga li input[type="checkbox"]+label>img { border: 3px transparent solid; display: inline-block; width: 60px; height: 60px; } #fuga li input[type="checkbox"]:checked+label>img { border-color: red; } </style> <body> <form id="hoge"> <ol id="fuga"> <li> <input type="checkbox" name="a0" value="1" id="a01" checked> <label for="a01"><img src="01.png" alt="01"></label> </li> <li> <input type="checkbox" name="a0" value="2" id="a02"> <label for="a02"><img src="02.png" alt="02"></label> </li> <li> <input type="checkbox" name="a0" value="3" id="a03"> <label for="a03"><img src="03.png" alt="03"></label> </li> </ol> <button onclick="console.log(document.querySelectorAll('input[name=a0]:checked'))">Test</button> </form>
