php - hide chekbox, highlight selected pitures -
i hide chekboxes in , replace them pictures. @ moment have pictures hide check3boxes themself. if 1 of pictures gets selected, should highlighted border. glad help
here's current form code
<form type="post" action="photoselection.php"> <div id="photowrapper"> <div class="photo"> <input type="checkbox" value="" name="bild1"> <label class="label_item" for="rbild1"><img src="bild1.jpg"/></label> </div> <div class="photo"> <input type="checkbox" value="" name="bild2" id="rbild2"> <label class="label_item" for="rbild2"><img src="bild2.jpg"/></label> </div> <div class="photo"> <input type="checkbox" value="" name="bild3" id="rbild3"> <label class="label_item" for="rbild3"><img src="bild3.jpg"/></label> </div> <div class="photo"> <input type="checkbox" value="" name="bild4" id="rbild4"> <label class="label_item" for="rbild4"><img src="bild4.jpg"/></label> </div> <div class="photo"> <input type="checkbox" value="" name="bild5" id="rbild5"> <label class="label_item" for="rbild5"><img src="bild5.jpg"/></label> </div> <div class="photo"> <input type="checkbox" value="" name="bild6" id="rbild2"> <label class="label_item" for="rbild2"><img src="bild2.jpg"/></label> <input type = "submit" name = "submit" value = "bild anzeigen"> </div> </div> </form>
you can using css <style> .photo > input{ display:none; } .photo > input:checked + label > img{ border: 3px solid black; } </style>
hope should work
Comments
Post a Comment