У меня есть набор изображений и флажки, как показано ниже

<form name="food_type_form method="post" action="proc.php">
<img src="images/type_indian.jpg" alt="Select Indian food" />
<input type="checkbox" name="food_type[]" value="indian" />Indian

<img src="images/type_chinese.jpg" alt="Select Chinese food" />
<input type="checkbox" name="food_type[]" value="chinese" />Chinese

<img src="images/type_japanese.jpg" alt="Select Japanese food" />
<input type="checkbox" name="food_type[]" value="japanese" />Japanese / Sushi

<a href="#"  onclick="document.food_type_form.submit()">Show Restaurants >></a>
</form>

Когда изображение щелкнуло, я хочу проверить флажок под этим изображением. Если флажки имеют другое имя, мы можем сделать это с document.myform.box1.checked = true;

Но как проверить, если это набор флажок

Изменить 1 ПРИМЕЧАНИЕ: <LABEL> не будет работать, так как я хочу отправить форму при нажатии на изображение.

-2
Rajasekar 7 Авг 2010 в 16:25

3 ответа

Лучший ответ

Оберните изображение в элемент ярлыка.

3
Sjoerd 7 Авг 2010 в 12:29

Вам понадобится элемент "label", в этом примере и ваш код должен быть похож на : -

<form name="food_type_form method="post" action="proc.php">

<label for="indian">
<img src="images/type_indian.jpg" alt="Select Indian food" />
<input type="checkbox" name="food_type[]" id="indian" value="indian" />Indian
</label>

<label for="chinese">
<img src="images/type_chinese.jpg" alt="Select Chinese food" />
<input type="checkbox" name="food_type[]" id="chinese" value="chinese" />Chinese
</label>

<label for="japanese">
<img src="images/type_japanese.jpg" alt="Select Japanese food" />
<input type="checkbox" name="food_type[]" id="japanese" value="japanese" />Japanese / Sushi
</label>

<a href="#"  onclick="document.food_type_form.submit()">Show Restaurants >></a>
</form>

Надеюсь, это поможет.

0
Knowledge Craving 7 Авг 2010 в 12:34

Если вы используете <label>, поведение по умолчанию - вызывать действие его потомка, поэтому вы можете просто обернуть каждый из них, например так:

<label>
    <img src="images/type_indian.jpg" alt="Select Indian food" />
    <input type="checkbox" name="food_type[]" value="indian" />Indian
</label>

Попробуйте здесь, это позволяет щелкнуть изображение, флажок или текст для выбора, сделать это еще более удобно.

0
Nick Craver 7 Авг 2010 в 12:30