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>

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

<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">

将onclick =“action”分配给文本

2 个答案: