将 onclick="action" 分配给文本

【问题标题】：Assign onclick="action" to text将 onclick="action" 分配给文本
【发布时间】：2013-11-20 22:43:03
【问题描述】：

我有这个 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 操作分配给图像或文本，而不是输入按钮。我尝试了很多方法，但似乎无法得到它。

【问题讨论】：

首先，输入元素没有结束标签。请编辑帖子并整理您的代码，以便人们更轻松地帮助您:)

标签： text hyperlink onclick html

【解决方案1】：

图片：

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

你也可以使用：

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

注意，如果您不希望在单击按钮时提交表单，您需要：

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

对于文本，您可以只使用超链接：

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

或者：

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

【讨论】：

【解决方案2】：

使用 Jquery 你可以做到这一点

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

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

【讨论】：