javascript - 如何使纯文本在单击时充当按钮？

Question

我想知道将纯文本用作按钮（使用最少的 html）的最简单方法是什么。文本： <li class="indiv-nav" ><a target="_blank" href="/">About</a></li>

我需要即将执行的文本：

<div id="button"><input type="submit" value="Press me please!" /></div>

抱歉，如果这是一个“愚蠢”的问题，但我仍在学习，我发现没有比我从谷歌搜索中找到的解决方案更“简单”的解决方案。

Answer 1

尝试

<a href="javascript: void(0)" id="button">Submit</a>

jQuery

$(function(){
    $("#button").bind("click",function(){
        $("#idOfYourForm").submit();  // consider idOfYourForm `id` of your form which you are going to submit
    });
});

JavaScript

document.getElementById("button").onclick = function(){
    document.getElementById("idOfYourForm").submit();
};

Answer 2

你可以尝试这样的事情（没有 jQuery），但你需要一个表单标签：

<form name="myform">
<span onclick="document.myform.submit();">submit this</span> 
</form>

Answer 3

取决于您想做什么以及您可以使用什么解决方案。

常规按钮：

$("li.indiv-nav a").click(function(){
          /* do something here*/
          window.location = 'about.html';
    });   

或提交表格：

$("li.indiv-nav a").click(function(){
          $('#formid').submit();  
    });

查看一个jsFiddle

Answer 4

您可以使用 CSSappearance属性。

将其设置appearance:button;为您的链接。

工作演示

或者

（备用）=> 使按钮看起来像一个链接

Answer 5

form.submit()

您需要找到一种方法来引用您要提交的表单，但是一旦您有了表单对象，您就可以调用.submit()来提交它。

然后您可以将其添加为onclick属性，或稍后绑定它，但这基本上是您想要的。

Answer 6

我不确定你所说的像一个按钮是什么意思，但你总是可以使用 CSS 来设置它的样式。如果这就是你的意思，只需给它圆角和悬停效果。你可以在这里了解更多。

但是，如果您的意思是要禁用链接并执行其他操作，则可以使用 javascript 执行此操作。只需包含一个 javascript 文件，并防止链接的默认操作。像：

$(function(){
  $('a').click(function(event){
    event.preventDefault();
    //do what you want here
  }):
});