ソフトウェア開発者の日常スマートフォン用の表示で見るソフトウェア開発者の日常こだわりなく書きたいことを書いていきます。jQueryテーブルで表示している内容を、ラジオボタンの操作でテーブルのrowspanを変更して表示しなければならなくなりました。下のテーブルのように、あるときは2行を結合、あるときは3行を結合します。プログラミングデータの評価を行うシステムで、ラジオボタンで評価を選ぶと、評価の合計を行って表示するようにJavaScriptを書きました。ajya.hatenablog.jp追加の機能で、観点のいずれかで「1」を選んだ場合、コメントの入力を必須にする、JavaScriptを書きました。プログラミングデータの評価を行うシステムがあります。評価の観点が複数あります。ラジオボタンで観点ごとの点数を選び、合計を表示したいという要望があり、JavaScriptで合計を計算するようにしました。jQueryjQueryプラグインのChosenを適用して動作確認をしたところ、一度非表示にして再度表示にすると、Chosenを適用したセレクトボックスが無効状態のままになることに気がつきました。表示/非表示の切り替えは、以前書いた記事の方法で行っています。jQueryjQueryプラグインのChosenを適用して動作確認をしたところ、選択肢を選択するためにクリックすると、選択肢を表示をする部分の幅が狭く表示されました。jQuery3年前に記事を書いた、jQueryプラグインのChosenで、他の選択肢に選択結果により、選択肢を動的に変更しなければならくなりました。Patel試した結果として、以下のようにすればできました。$('#sele...jQueryプラグインChosenで選択肢の動的変更方法2018-10-24JavaScript:htmlの書き換え方法JavaScript選択肢によって、必須マークの表示/非表示を切り替えなければならなくなりました。操作するhtmlは以下のようになっています。jQuery以前、テーブル内の子孫要素をまとめて無効にするためには、find()とeach()を使うと書きました。11だけは、子孫要素をまとめて無効にできる?2018-08-31JavaScript:要素に割り当てたクラスが何個目になるのか取得するJavaScriptinputタグのテキストボックスにクラスを割り当てていて、何個目のinputタグのテキストボックスに入力されたのか取得しなければならなくなりました。調べたところ、以下のようにjQueryのindex()を使うことで取得できました。jQueryテーブルの複数行をまとめて非表示にする方法として、tbodyタグでtrタグを挟んで、tbodyを指定して操作すると書きました。$(".rowall").cs...JavaScript:子孫要素をまとめて無効にする2018-08-09JavaScript:数値を3桁区切りにする方法はどうするのが無難?JavaScriptJavaScriptで計算後表示をしたところ、4桁の数字になることに気がつきました。4桁の数字になると、3桁毎のカンマ区切りをしないと違和感を感じます。3桁毎の区切りをする方法を検索すると、正規表現を使ったり、ループで回してつけたりする情報が見つかりま...JavaScript:数値を3桁区切りにする方法はどうするのが無難?2018-08-06JavaScript:テーブルの複数行の表示/非表示をまとめて行うなら、tbodyタグを利用するJavaScriptラジオボタンの選択により、テーブルの複数行をまとめて表示/非表示を切り替えなくてはならくなりました。プログラミングjQueryで選択されているラジオボタンの値を取得して、switch文で処理を分岐させようとしました。JavaScriptJavaScriptというかjQueryでテキストボックスに値を代入すると、代入されたら内容が変化するのでchangeイベントが発生すると思っていました。実際には発生しません。JavaScriptWebサイトで、選択ボタンをクリックしたら、別ウィンドウを表示し、別ウィンドウで検索を行うと別ウィンドウ内のiframeに検索結果を表示するようにしました。$("input:radio[name='check1']:c...JavaScript:val()メソッドを使わないでラジオボタンがチェックされているか判定する方法はないのか?2018-07-10JavaScript:一覧表の中のラジオボタンの周囲の色の変更方法JavaScript一覧表の中にラジオボタンがあり、他の要素の選択により、ラジオボタンの有効/無効を切り替えていました。訂正JavaScript5年近く前に書いた以下の記事のjQueryを使う書き方をそのままソースコードに書いたら動作しませんでした。ajya.hatenablog.jpjQueryを使わない以下の書き方では動作しました。訂正2017-12-12JavaScript:計算誤差の対処JavaScriptJavaScriptで計算している部分で、想定と異なる結果になる場合がありました。具体的には、36.3×700=25,410になるはずですが、25,409になります。ブラウザのデバッガで値を確認しても、36.3と700のまま掛け算をしていますが、25,409になります。検索すると...JavaScript:計算誤差の対処2017-05-11JavaScript:要素が有効な場合のみ、チェックされているか判定する方法JavaScriptラジオボタンAの選択によって、別のラジオボタンBの有効/無効状態を切り替えている場合に、JavaScriptでラジオボタンBがチェックされているかチェックをすると、ラジオボタンBが無効状態でもチェックはできてしまいます。そのため、ラジオボタンAの選択を確...JavaScript:要素が有効な場合のみ、チェックされているか判定する方法2017-03-31JavaScript:ラジオボタンの選択に従って、他のラジオボタンを制御するときの考え方JavaScript以下のようなname属性がtopとsubのラジオボタンがあります。value="100">sub4JavaScript:ラジオボタンの選択に従って、他のラジオボタンを制御するときの考え方2017-03-08ブラウザがSafariでも、タブで開いているウィンドウをJavaScriptで閉じる方法JavaScript先日3年前に稼働させたシステムを再度稼働させる業務を行っていると書きました。ajya.hatenablog.jpこのシステムに、作業が終わったら終了ボタンを押して、Webブラウザのウィンドウを閉じてもらうようになっている画面があります。11で...ブラウザがSafariでも、タブで開いているウィンドウをJavaScriptで閉じる方法2016-11-13JavaScript:jQuery:複数のチェックボックスのうち、特定チェックボックスにチェックされたとき、入力欄を有効にする方法JavaScript複数のラジオボタンがあって、その他を選ばれた場合だけその他を入力してもらうための入力欄を有効にしなければならなくなりました。手っ取り早く以下の方法で実現しました。HTML側その他を選ばれているか判定するために、id属性をその他にだけ追加します。action="next.php"></form>...JavaScript:jQuery:複数のチェックボックスのうち、特定チェックボックスにチェックされたとき、入力欄を有効にする方法2016-05-24JavaScriptのオブジェクトを少し学びましたJavaScriptあるシステムで、データに対して5から-2の点数をつけることになりました。複数のデータに対して、それぞれ点数をつけなければなりません。何点を何個つけたのかを数える機能も必要です。3個データがあって、2個のデータに2点、1個のデータに-1点を...JavaScriptのオブジェクトを少し学びました2015-10-30JavaScript:クリップボードを操作できるライブラリJavaScript先日この記事を読んでツイートしました。(...JavaScript:ラジオボタンがチェックされているか判定する方法2015-04-24JavaScriptが動かなくなった原因JavaScript全く修正していない部分が動作しなくなったので焦りました。(license)JavaScriptが動作しない1年以上前に同僚が作成したプログラムを元に、文字や色等見た目を変更して、新たに利用できるように設定...JavaScriptが動かなくなった原因2015-03-19JavaScriptでdiv要素の位置を設定JavaScript意外なところに落とし穴があって、悩みましたが解決しました。(license)ブラウザをリサイズされているときでも、JavaScriptを使ってdiv要素を表示領域の中央に配置したくて調べました。JavaScript複数から1つだけ選べる択一選択にするなら、ラジオボタンにすべきです。選択した後で、選択しないということもあるため、チェックボックスになっています。jQuery昨日の記事でチェックボックスの有効/無効の切り替え方を書きました。次のページプロフィールid:AJYAこだわりなく書きたいことを書いていきます。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。