JavaScript?jQuery?で書き方を教えてください。
初心者です。
AAAという要素をステータスによって、表示、非表示にしたいです。
ステータスが900またら100または300の時だけ、AAAを非表示、それ以外の場合は表示
にするにはどうやって書けば良いでしょうか?
サンプルコードはステータス900の場合のみなので、or100or300を足せば良いとは思うのですが、書き方が悪かったのかうまく動かなくて…教えてください!
function () {
if ($('#Status').val() === '900' ) {
$('#AAA').hide();
} else {
$('#AAA').show();
}
}
No.1ベストアンサー
- 回答日時:
こんばんは
実態がよくわかりませんけれど・・・
>$('#Status').val()
で値がとれているのなら、
const v = $('#Status').val();
if (v == '900' || v == '100' || v == '300') {
のようにすれば、ご質問の内容になるかと。
( || はor演算子。論理和を意味します。)
まとめて記述するなら、
if (['900','100','300'].includes($('#Status').val())) {
でも同様の判定ができると思います。
ありがとうございます!
以下にすれば良いということですよね?
なんでか動かなくて…
function () {
const v = $('#Status').val();
if (v == '900' || v == '100' || v == '300') {
$('#AAA').hide();
} else {
$('#AAA').show();
}
}
No.2
- 回答日時:
No1です。
>なんでか動かなくて~~
HTMLがどうなっていて、どのようなタイミングで実行しているのかも不明ですけれど・・・
>const v = $('#Status').val();
で値は取得できていますか?
「お礼」に提示したスクリプトには全角空白が含まれていますけれど、エラーが出ていませんか?
(最近のブラウザは、全角空白を許容するようになったようですけれど・・)
また、ご提示の関数は無名関数になっていますけれど、どのようにして実行していますか?
「$」が使われていますけれど、対応するライブラリは読み込まれていますか?
※ 全体像がわからず不明点も多すぎるので、動作しない原因として考えられる可能性が多岐にわたりすぎます。
(そもそも、ご提示のスクリプトが実行されているのかどうかも不明ですし)
実態がさっぱりわからないので、以下は、最低限の「似たような」動作をする例です。
(ご質問の判定部分は、同じ構造になるようにしてあります。)
※ ライブラリを用いていないので、$関数は要素取得のためだけの自前関数です。
※ インプットボックスの値が、100、300、900 のどれかと一致するとid=AAAの要素が非表示になります。(その他の値の場合は表示されます)
※ 丸っとコピペで試してみてください。
<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<input type="text" value="" id="Status">
<hr>
<div id="AAA" style="background:yellow;">AAAの要素</div>
<script >
const $ = s => document.querySelector(s);
$('#Status').addEventListener('keyup', ()=>{
const v = $('#Status').value;
if( v== '900' || v == '300' || v == '100')
$('#AAA').style.display = 'none';
else
$('#AAA').style.display = 'block';
});
</script>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 指定したパスが現URLに含まれていたら特定要素を削除するJavascriptのコードを教えてください 2 2023/04/27 17:58
- JavaScript JavaScript|特定URLだった時、特定の要素を変更するコードの書き方を教えてほしいです 2 2023/08/25 21:43
- Visual Basic(VBA) VBA。複数のChangeイベントをまとめる方法 2 2022/03/31 12:03
- SQL Server ACCESSで表が作りたく、そのためのSQL文や設定方法を教えてください。 1 2022/08/15 12:28
- HTML・CSS HTMLの条件によって表示方向が切り替わる実装のコードを教えて下さい。 (コードは下記リンクを参照) 1 2022/09/25 14:35
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- UNIX・Linux jsLinuxのコマンドについて。 aliasを使い、必ず削除前に確認メッセージを表示するコマンドを 1 2022/07/25 18:37
- Excel(エクセル) エクセルの祝日に色が反映しない 4 2022/05/18 09:58
- SQL Server ACCESSで複数テーブルを結合して、リストを作る方法を教えてください。 2 2022/08/12 19:32
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
マイクラ1.7.10のエナジークリ...
-
C言語 exitの使い方
-
VBAでダブルコーテーション入り...
-
jsp~jspにhiddenを使って変数...
-
EXCEL/VBA 変数の値をクリップ...
-
vbsでテキストファイル内の文字...
-
配列の値を置換するにはどうす...
-
足して100になるような乱数のア...
-
エラーの意味は? Lvalue req...
-
Excel-vba 文字列と変数を...
-
processing エラーで、 "cannot...
-
フォームを開くときに、コンボ...
-
excelの、ある数式内の{}の意...
-
数字の位ごとの値を表示するプ...
-
エクセルへのデータの貼付時に...
-
切り上げ
-
C#の問題です。 文字列型の配列...
-
VBAのWorksheetFunctionの引数...
-
Variant型で宣言してるのにEmpt...
-
c言語で乱数を扱うときの
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
なぜ計算結果が出力されないの...
-
JavaScript?jQuery?で書き方...
-
VBAのCodeModule.Linesの記入方法
-
マイクラ1.7.10のエナジークリ...
-
C言語 exitの使い方
-
VBAでダブルコーテーション入り...
-
フォームを開くときに、コンボ...
-
エラーの意味は? Lvalue req...
-
Excel-vba 文字列と変数を...
-
excelの、ある数式内の{}の意...
-
VisualStudio2022でC言語プログ...
-
数字の位ごとの値を表示するプ...
-
C言語 列挙型(enum型)変数について
-
EXCEL/VBA 変数の値をクリップ...
-
配列の値を置換するにはどうす...
-
整数xxxが大き過ぎますというエ...
-
VB6.0-整数と余りを求める
-
テキストボックスの値を変数に...
-
プログラミングについての質問...
-
[VBS]変数を定数に変換する方法...
おすすめ情報