重複の可能性:
jquery で img src を変更する
タイトルからすると簡単に聞こえるかもしれませんが、おそらくそうです。しかし、私はjsの信じられないほど小さな知識で、それが信じられないほど神経質になっていることに気づきました...基本的に、フォームに設定された写真(img1 img2とimg3としましょう)があり、ユーザーが画像をクリックできるようにして、たとえば、img1 をクリックすると、img1a になります。など、コードは次のとおりです。
<form>
<p align="center">
<input type="checkbox" name="interest1" id="interest1" value="x">
<input type="checkbox" name="interest2" id="interest2" value="x">
<input type="checkbox" name="interest3" id="interest3" value="x"></p>
<p align="center">
<label for="interest1" id="label-interest1"><img src="/images/img1.jpg" width="781" height="800" /></label>
<label for="interest2" id="label-interest2"><img src="/images/img2.jpg" width="781" height="800" /></label>
<label for="interest3" id="label-interest3"><img src="/images/img3.jpg" width="781" height="800" /></label></P><!-- code making checkbox be an image-->
</form>
現在チェックボックスがありますが、それらは非表示になるため、実際に選択されていることをユーザーに示すためにクリック時に画像を変更する必要があります。