jquery - デフォルトでボタンを選択/強調表示する方法

Question

私は剣道ウィンドウの助けを借りて、独自の確認ボックスを使用していました。その中に2つのボタンを表示しましたが、すべて問題ありません。しかし、ここで問題が発生します。ユーザーがボタン間を移動できるように、デフォルトで選択されたボタンを作成したいと思います。

注: プラグインを使用したくありません。よろしくお願いします ヴァルン

Answer 1

次の HTML を考えると、単純なアプローチ:

<form action="#" method="post">
    <button id="button1">Button one</button>
    <button id="button2">Button two</button>
</form>

だろう：

var buttons = $('form').find('button');

buttons.eq(Math.floor(
    Math.random() * buttons.length
)).focus();

JS フィドルのデモ。

参考文献:

• プレーンな JavaScript:
  • Math.floor().
  • Math.random().
• jQuery:
  • eq().
  • focus().