【みんなの知識 ちょっと便利帳】ページ内検索を自ページに設置 - ヒットしたテキストをハイライト表示
<!-- ページ内検索ハイライトのカラーなど --> <style> .highlight{ font-weight:bold; background-color:Yellow; } </style> <!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- jquery.highlight-5.js プラグイン --> <script> /* highlight v5 Highlights arbitrary terms. <https://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plug
テーブル行のクリックでチェックボックスをチェックさせる – jQueryサンプル集
タイトルそのままのサンプルを見ていきます。動くサンプルはこちら。以下の仕様を追加します。 UIも考慮して、LABELを使用する 同じ行にあるボタン（ここでは、「削除」ボタン）のクリックでは、チェック処理しない ということで、以下がサンプルになります。 jQuery(function ($) { $("table").on("click", "tr", function (event) { var checkbox = $(this).find(":checkbox"), isChecked = checkbox.prop("checked"), tag = $(event.target).prop("tagName"); if (tag === "INPUT" || tag === "LABEL") { return; } checkbox.prop("checked", !isCheck
jQueryでテーブルの行ごとクリックしてチェックボックスにチェックを入れられるようにする
jQueryでテーブルの行ごとクリックして チェックボックスにチェック出来るよう にするTipsです。ユーザーがデータを 見ながらフォームを送信する際に、分か りやすくしてあげよう、という目的です。 行ごとクリッカブルにする、みたいな感じ。 ちょっとサーバー移転作業もあるので適当な記事が日々続きますけど・・まもなく移転完了します。 Sampleサンプルです :hover使うのでIE6だけ色が変わりませんけど、チェックはクロスブラウザで可能です。 コード$(document).ready(function() { $('input[type=checkbox]').click(function() { var t = $(this).prop; if(t('checked')) t('checked', ''); else t('checked', 'checked'); }); $('ta
jQuery で radio ボタンの取得、設定 - xykの日記
HTML: <input id="male" type="radio" name="sex" value="0"><label>男性</label> <input id="female" type="radio" name="sex" value="1"><label>女性</label> ■ チェックされたradioボタンのvalue値の取得する jQuery の独自cssセレクタ(:checked)を使って取れる // 男性にチェックが入っている場合 var result1 = $('input[name="sex"]:checked').val(); // 0 // or var result2 = $('input[name="sex"]').filter(':checked').val(); // 0 ■ radioボタンにチェックが入っているか、いないか真偽値を取得する //
jQuery基礎文法最速マスター[to-R]
jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
![jQuery基礎文法最速マスター[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでテーブルの行ごとクリックしてチェックボックスにチェックを入れられるようにしようと以下のコードを書きましたがどれか一つ押したら全部が押されうまく…
