3

プレーンテキストをボタンとして機能させる最も簡単な方法は何でしょうか（最小限のHTMLで）。文章： <li class="indiv-nav" ><a target="_blank" href="/">About</a></li>

次のテキストを実行する必要があります。

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

これが「ばかげた」質問である場合は申し訳ありませんが、私はまだ学習中であり、グーグルで見つけたものよりも「単純な」解決策がないことに気が狂っています。

4

6 に答える 6

5

試す

<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();
};
于 2012-09-12T18:16:18.733 に答える
1

（jQueryなしで）次のようなことを試すことができますが、フォームタグが必要になります。

<form name="myform">
<span onclick="document.myform.submit();">submit this</span> 
</form>
于 2012-09-12T18:19:45.050 に答える
0

使用できるソリューションによって、何をしたいかによって異なります。

通常のボタン：

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

またはフォームを送信：

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

jsFiddleをチェックしてください

于 2012-09-12T18:20:55.047 に答える
-1

CSSappearance属性を使用できます。

appearance:button;リンクのに設定します。

ワーキングデモ

また

(代替) => ボタンをリンクのように見せる

于 2012-09-12T18:14:05.510 に答える
-1 
form.submit()

送信したいフォームを参照する方法を見つける必要がありますが、フォーム オブジェクトを取得したら、呼び出し.submit()て送信するだけです。

その後、属性として追加しonclickたり、後でバインドしたりできますが、基本的にはこれが必要です。

于 2012-09-12T18:17:58.970 に答える
-1

ボタンのように振る舞うとはどういう意味か正確にはわかりませんが、CSS を使用していつでもスタイルを設定できます。それがあなたの言いたいことなら、角を丸くしてホバー効果を与えてください。詳細については、こちらをご覧ください。

ただし、リンクを無効にして別のことをしたい場合は、javascript を使用して行うことができます。JavaScript ファイルを含めるだけで、リンクのデフォルト アクションを防止できます。お気に入り：

$(function(){
  $('a').click(function(event){
    event.preventDefault();
    //do what you want here
  }):
});
于 2012-09-12T18:18:02.713 に答える