formオブジェクトButtonオブジェクト
- Buttonオブジェクト一覧
- アクセスキー〔accessKeyプロパティ〕
- ボタンの無効化の有無を取得・設定〔disabledプロパティ〕
- フォーム?〔Formプロパティ〕
- ボタン名を取得〔nameプロパティ〕
- ボタンのタイプを取得〔typeプロパティ〕
- ボタンの値を取得・設定〔valueプロパティ〕
- ボタンにフォーカスを当てる/ボタンからフォーカスを外す〔blur()、focus()メソッド〕
- ボタンを自動的にクリックする〔click()メソッド〕
Buttonオブジェクト一覧
unknown
アクセスキー
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();
ボタンオブジェクト.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>