htmlで擬似ボタンを作る

muramatsu 91views 更新:2016年11月30日

スクリプト

//本命のボタン onClickイベントハンドラが実行された時にをinf関数を実行するようにする style=display:none で非表示にしてます
<input type="button" id="button_pr" value="ボタンのテスト" style=display:none onClick="inf()" >
//擬似ボタン onClickイベントハンドラで本命ボタンのid="button_pr"を$('#button_pr')と指定してonClick="$('#button_pr').click(); とすることによって擬似ボタンが押されることによって本命ボタンも押される事にする。
<input type="button" value="擬似ボタン" onClick="$('#button_pr').click();">
<script type="text/javascript">
function inf(){
alert("testです");
}
</script>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません