copyright

株式会社アイネックスはソフトウェアの開発、検証ツールの支援企業です。

     横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
検証ツールの支援と多岐にわたるソリューションを提供します。

jQuery

51-01)  1. .click() イベント処理

jQueryでは、特定の要素がクリックされた時に実行する処理です。

.click() イベント
特定の要素がクリックされた時に実行する処理です。

書式;
$("セレクター名").click(function(){
   セレクターで指定した要素がクリックされた時に実行する処理
});

51-01)  2. .click() イベント (クリック処理)

 

テキストのvalue属性の値を変更する
動作; クリアボタンをクリックすると、お名前のテキストをクリアする。

jQueryの書き方 /*------------------------------------ */
//51-01) .click() イベント
/*------------------------------------ */
//選択処理
$("#btn_242").click(function(){
  if($("#inp_242").val() != ""){
    $("#inp_242").val("");
    $("#msg_242").text("");
  }else{
    $("#msg_242").text("入力データがありません。");

});
cssの書き方 -----------------
HTMLの書き方 お名前:<input id="inp_242" type="text" name="name"/>
<p id="p_242"></p>
<button id="btn_242" class="btnStd_170 Gray">クリア</button>
<p id="msg_242" class="colRedBd"></p>

51-01) .click() イベントの確認

必須お名前:name