• 締切済み

チェックBOX入力後、ある時間に音を鳴らしたい

aspnetの回答

  • aspnet
  • ベストアンサー率79% (72/91)
回答No.1

<input type="checkbox" id="myCheckbox"/> をクリックしたら、30sec後にbeep鳴らします。 jQueryで書いてあります。 JavaScriptのsetIntervalステートメントのブラウザ差異対策で、jQuery Timerプラグインを使用しています。 $(function(){ $('#myCheckbox').click(function(){ var myTimer = $.timer(); myTimer.set({ action : function() { myTimer.stop(); // some Javascript Beep; }, time : 30000 }).play(); }); });

関連するQ&A

  • チェックボックスの自動チェックについて

    イベントが起こるとチェックボックスに自動でチェックを入れたいのですが教えて下さい。 コンボボックスとチェックボックスが下のようにあります。 コンボボックス      チェックボックス    -------------       --    |      |       | |    -------------       --    -------------       --    |      |       | |    -------------       -- 複数のコンボ,チェックボックスには"コンボ001"、"チェック001","コンボ002"・・・ というように名前がついていて、その時々で、コンボ、チェックボックス の数は変わってきます。 そこで、コンボ001の値が変化したらチェック001にチェック、コンボ002の値が変化したら チェック002にチェックするという風にしたいと考えています。 コンボが onChange したら用意しておいたファンクションを起動させると言うのはわかるのですが、肝心のJavaScriptの部分がわかりません。 皆様宜しくお願いします。

  • vb.netのチェックボックスについて

    VB.NET2003で開発してます。 超初心者的質問かもしれませんが チェックボックスについて教えてください。 仕様としましては データグリッドとテーブルがあって テーブルはデータグリッド内の金額の集計を表示してます。 データグリッドにチェックボックスがついていて そのチェックにはデフォルトチェックがついてるのですが チェックをはずしたら即テーブルの金額から チェックをはずしたレコードの金額を抜かしたものを 再計算してテーブルに表示するというものです。 Javascriptを使わなければならないといわれましたが まずチェックボックスのチェックイベントを 拾うことができません・・・・ CheckedChangedでは遅いのです。 即計算したいのですがどのようにイベントを拾えば よいのでしょうか? わかりにくい文章かと思いますが よろしくお願いいたします。

  • VB.NET テキストボックスの入力チェック

    Visual Basic 2008 に関する質問です。 画面のテキストボックスの入力値をチェックする処理として、 Validatingイベントを使用しています。 例えば、 画面上に配置しているボタンをクリックして画面を閉じさせたい場合(Application.Exit()等)、 テキストボックスの値が未入力であると、上記の入力チェックが先にはしってしまい、 画面を閉じることができません。 閉じるボタンの処理を最優先させる方法について、 どなたかご教授いただけませんでしょうか? (※初歩的なご質問で大変申し訳ございません。)

  • AJAXで生成したHTMLでのチェックボックス一括チェックの方法を教えてください

    現在jqueryを使って、ajaxでチェックボックスを生成して、それに対して一括チェックボタンを付けたいと考えております。 <input name="allcheck" type="checkbox" id="checkall" checked="checked" />全て<br /> <input type="checkbox" name="carrier" value="docomo" checked="checked" />docomo<br /> <input type="checkbox" name="carrier" value="au" checked="checked" />au<br /> <input type="checkbox" name="carrier" value="softbank" checked="checked" />softbank<br /> というチェックボックスがajaxで生成されて function carrier_check() { $('#checkall').click(function(e){ $(':checkbox[type=checkbox][name=carrier]').attr('checked', $('#checkall').attr('checked')); }); } のjavascriptで上記のチェックボックスを一括チェックできるようにしようとしているのですが ajaxを使わずに上記のチェックボックスをHTMLに書いているときは一括チェックできるのですが、ajaxを使用して生成した場合にはチェックボックスの一括チェックができません。 どのようにすれば、ajaxで生成されたチェックボックスを一括チェックできるようになるのでしょうか? ご存知の方がいらっしゃいましたらご教授お願いいたします。

  • チェックボックスのチェック済みを保持

    PHPを使ってフォームのチェックボックスの初期値にチェック済みでページを表示させ、そのチェックを外してサブミットし、同ページにリロードした際、セッションを使ってチェックを外した状態を保持しようとしているのですがうまくいきません。 チェックを外した状態でリロードしてもチェックがついた状態で表示されてしまいます、チェックを外した状態を保持表示させるにはどのように記述すればよいのでしょうか ご教授宜しくお願いします。 【PHP】 session_start(); $event = $_POST[ 'event' ]; $_SESSION[ 'event' ] = $event; if(!empty($event)){ $event_on = 'checked';} 【フォーム】 <form action="./" method="post" name="chbox"> <input type="checkbox" name="event" id="event" value="event" $event_on >イベント <button class="btn" onClick="boxCheck()" >表示</button> </form> 環境 php5.3 html5 javascriptのlocalStrage等を使ったほうが実装が現実的なら、検討いたします。

    • 締切済み
    • PHP
  • サーバー側のデータチェックの必要性

    現在JavaとJavascriptでWebアプリケーションを制作しています。 サーバーとの通信はすべてAjaxを使用して、Formで渡すような方法は取っていません。 Javascript側では細かいデータのチェックは行っているのですが、Java側ではデータのチェックを行っていません。 Ajax通信であるため、仮にブラウザでJavascriptを「無効」にしてしまうとAjaxそのものが起動しないためデータをサーバー側に送ることができなくなります。 このことを利用して、Javascript側で完璧なデータチェックを行い、Java側でのデータチェックを省略しています。 ただ、多くの手引書を見るとサーバー側(Java側)でもデータチェックを行う必要があると書かかれていますが、Ajaxのみで通信しているシステムにもこのことは当てはまるのでしょうか。 私の場合どのような危険性や問題点があるかご指摘ください。 よろしくお願い致します。

    • ベストアンサー
    • Java
  • ホームページ 入力チェックのアラートについて

    PHP、HTMLを使用して入力フォームを作成しております。 項目の入力チェックにはJavascriptを使用しており、エラーがあった場合に メッセージボックス(alert)で表示しています。 しかし、依頼主からメッセージボックスより、カッコいいホームページにある ようなテキストボックスの隣に赤の*を表示させたいと要望があり、どのように 実現させれば良いのか、いまいちよく解りません。 入力内容をサーバーでチェックさせて再表示というのも一つの手だと思い ますが、できればブラウザ側でチェックさせる、要はJavascriptでそういうこと が実現できないかと考えております。Javascriptで検索しても上記のようなサンプル も見当たりませんでした。 なにぶん、PHPやJavascript使っていると書いておきながら超初心者なので 他に良いやりかたがあればご教授願います。

    • ベストアンサー
    • HTML
  • チェックボックスで選択したもののコードをカンマでつなぐ

    おせわになります。下記の様なHTMLフォームで、(□はチェックボックスです。) code | check| a002 | □ | a004 | □ | a008 | □ | a012 | □ | 例えばa002とa004とa012にチェックをつけると、あるテキストボックスに、「a002,a004,a012」と代入するJavascriptを教えて下さい。 その際制御が難しければ「a002,a004,a012,」と最後にカンマが入ってもかまいません。受取るCGI側で最後のカンマをけしますので・・・よろしくお願いします。

  • DataGridViewのチェックボックス

    現在DataGridViewのチェックボックスの状態で難儀しております。 DataGridViewのチェックボックス操作に、 CurrentCellDirtyStateChangedで未コミット分の判定を行い、 コミットしてからCellValueChangedで値をとる一般的な手法を用いております。 チェックボックスを単純にTrue/Falseして入力制御したりする分にはこれで問題ないです。 しかしながら、Falseした際に、他の入力セルが変更されていた場合に、 「変更内容が消えるがよろしいか?」といった内容のダイアログを出し、 場合によってはチェックボックスの値を元に戻すということを実現したいと思います。 そこでダイアログで「いいえ」を選択された場合に、 チェックボックスのValueをTrueに戻し、 発生したイベントは別に持たせたフラグでスルーするようにしましたが、 Valueは確かにTrueなのですが、表示上がFalseのままであり、 タブ移動して初めて表示上が変わる状態になってしまっています。 そこでグリッドの表面上のリフレッシュ等が必要かと思いましたが、 方法が思い浮かばず途方に暮れています。 どなたか知恵をお貸しください。

  • テーブル上のチェックボックスにチェックがされない

    データベースからメール送信履歴を検索し、結果をリスト表示しようとしています。 Ajax通信をして結果をJsonで受け取っています。 送ったか否かは「sendF」に書かれており、「0」なら未送信、「1」なら送信済みです。 「sendF」が「1」ならチェックボックスにチェックを入れようと思って 以下のコードを書きました。 でも、テーブル上のチェックボックスにはチェックが入りません。 console.logで数値が「1」を確認していますが、表示がされません。 どこが悪いか教えて頂けるとうれしいです。 よろしくお願いします。 $.ajax({ type: "POST", url: "../SendList.php", data: {"condition":condition}, // Webサーバに送信するデータ dataType: 'text', // Webサーバか受信するデータの形式 success: function(request){ // ajax通信が成功したときの処理 var json = JSON.parse(request); var res = ''; for (var i = 0; i < json.length; i++){ res += '<tr>' + '<td style="text-align: center;">' + json[i].personId + '</td>' + '<td style="text-align: center;">' + json[i].personName + '</td>' + '<td style="text-align: center;">' + '<input type="checkbox" id="sendF[' + i + ']" name="sendF" />' + '</td >' + '<td style="text-align: left;>' + '<input type="text" id="memo" name="memo" value="' + json[i].memo + '" />' + '</td >' + '</tr>'; if(json[i].sendF == 1){ $('#sendF[' + i + ']').prop('checked', true); console.log("1でした"); } } var obj = document.getElementById("datatable"); obj.innerHTML ='<tr><th>担当者ID</th><th>担当者名</th><th>送信F</th><th>メモ</th></tr>' + res; }, error: function(msg){ // ajax通信が失敗したときの処理 alert( "Data Saved: " + msg ); } });