Присвоить OnClick = «Действие» к тексту

Question

У меня есть этот HTML код

<div id="nodate" style="display:none"> 
    <span id="A"> 
    <input type="submit" value="Close" onclick="toggle();" a href=”#”>Text</input> 
    </span> 
    There are no dates here. Select another. 
</div> 

<input type="submit" value="Fri Nov 8th, 2013" onclick="toggle();"></input> 

У меня есть вход для непосредственной функции, которая показывает кнопку. Но я хочу назначить это действие onclick изображению или тексту вместо кнопки ввода. Я пробовал много способов, но, похоже, не понял.

Answer 1

Для изображения:

<input type="image" src="Image.jpg" onclick="toggle();" /> 

Вы также можете использовать:

<button onclick="toggle();"><img src="Image.jpg" /></button> 

Примечание, если вы не хотите форму, чтобы представить при нажатии на кнопку, вы» d хотят иметь:

<button type="button" onclick="toggle();"><img src="Image.jpg" /></button> 

Для текста вы можете использовать только гиперссылку:

<a href="#" onclick="toggle();">Text</a> 

Или:

<a href="javascript:toggle()">Text</a> 

Answer 2

Использование Jquery вы можете сделать это

$("#imgclick").click(function (e) { 
    toggle(); 
    //even better //$("#idtarget").toggle(); 
}); 

<img src="..." id="imgclick">