Search
  1. Buttonオブジェクト一覧
  2. アクセスキー〔accessKeyプロパティ〕
  3. ボタンの無効化の有無を取得・設定〔disabledプロパティ〕
  4. フォーム?〔Formプロパティ〕
  5. ボタン名を取得〔nameプロパティ〕
  6. ボタンのタイプを取得〔typeプロパティ〕
  7. ボタンの値を取得・設定〔valueプロパティ〕
  8. ボタンにフォーカスを当てる/ボタンからフォーカスを外す〔blur()、focus()メソッド〕
  9. ボタンを自動的にクリックする〔click()メソッド〕

Buttonオブジェクト一覧

unknown

Buttonオブジェクト一覧
プロパティ説明
accesskeyボタンのアクセスキーを取得・設定
disabledボタンの無効化の有無を取得・設定
formフォーム?
nameボタン名を取得
typeボタンのタイプを取得
valueボタンの値を取得・設定
メソッド説明
blur()ボタンからフォーカスを外す
click()自動でボタンをクリックする
focus()ボタンにフォーカスを当てる
イベント説明
onclick()ボタンがクリックされた時に発生

アクセスキー
accessKeyプロパティ

unknown

ボタンオブジェクト.accesskey;
<form action="#" name="frmA">
    <p>
        <input type="reset" name="btn_reset" value="リセット(R)" accesskey="R" />
        <input type="submit" name="btn_submit" value="送信(U)" accesskey="S" />
    </p>
    <script type="text/javascript">
        document.write("リセットボタンのアクセスキー="+document.frmA.btn_reset.accessKey+"<br \/>");
        document.write("送信ボタンのアクセスキー="+document.frmA.btn_submit.accessKey+"<br \/>");
    </script>
</form>

ボタンの無効化の有無を取得・設定
disabledプロパティ

unknown

ボタンオブジェクト.disabled;
<form action="#" onsubmit="alert('サンプルのため送信しません'); return false;">
    <p>チェックボックスの状態によってボタンを有効化・無効化</p>
    <p>
        <label for="agree"><input type="checkbox" value="1" name="agree" id="agree" onclick="this.form.btn_regist.disabled=!this.checked;">同意する</label><br>
        <input type="button" name="btn_regist" value="登録" />
    </p>
</form>

チェックボックスの状態によってボタンを有効化・無効化


フォーム?
Formプロパティ

unknown

ボタンオブジェクト.form;
<form action="#" name="frmA">
    <p>
        <input type="button" name="btn_reset" value="リセット(R)" onclick="alert(this.form)" />
    </p>
</form>

ボタン名を取得
nameプロパティ

unknown

ボタンオブジェクト.name;
<form action="#" onsubmit="alert('サンプルのため送信しません'); return false;">
    <p>
        <input type="button" name="btnN" value="ボタンの名前を取得" onclick="alert(this.name)" />
    </p>
</form>

ボタンのタイプを取得
typeプロパティ

unknown

ボタンオブジェクト.type
<form action="#" onsubmit="alert('サンプルのため送信しません'); return false;">
    <p>
        <input type="button" value="ボタンTのタイプを取得" onclick="alert(this.form.btnT.type)" />
        <input type="button" value="ボタンTのタイプをsubmitに設定" onclick="this.form.btnT.type='submit'" />
    </p>
    <p>
        <input type="button" name="btnT" value="ボタンT" />
    </p>
</form>

ボタンの値を取得・設定
valueプロパティ

unknown

ボタンオブジェクト.value;
<form action="#">
    <p>
        <input type="button" name="btnVa" value="★ボタン★" onclick="this.value=((this.value=='★ボタン★') ? '☆ボタン☆' : '★ボタン★');" />
    </p>
</form>

ボタンにフォーカスを当てる/ボタンからフォーカスを外す
blur()、focus()メソッド

unknown

ボタンオブジェクト.blur();
ボタンオブジェクト.focus();
<form action="#">
    <p>
        <input type="button" onclick="this.form.btnA.focus();" value="ボタンAにフォーカスを当てる" />
        <input type="button" onclick="this.form.btnA.blur();" value="ボタンAからフォーカスを外す" />
        <input type="button" onclick="this.form.btnB.focus();" value="ボタンBにフォーカスを当てる" />
        <input type="button" onclick="this.form.btnA.blur();" value="ボタンBからフォーカスを外す" />
    </p>
    <p>
        <input type="button" name="btnA" value="btnA" />
        <input type="button" name="btnB" value="btnB" />
    </p>
</form>

ボタンを自動的にクリックする
click()メソッド

unknown

ボタンオブジェクト.click();
<form action="#">
    <p>
        <input type="button" onclick="this.form.btnC.click();" value="ボタンCを自動クリック" />
        <input type="button" onclick="this.form.btnD.click();" value="ボタンDを自動クリック" />
    </p>
    <p>
        <input type="button" name="btnC" value="btnC" onclick="alert(this.value+'がクリックされました')" />
        <input type="button" name="btnD" value="btnD" onclick="alert(this.value+'がクリックされました')" />
    </p>
</form>

関連コンテンツ

Q. このサイトの情報はお役に立ちましたでしょうか?

投票する 投票結果を見る

管理人に【web拍手】を送るweb拍手(1行メッセージも送れます♪)

pagetop