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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
画面遷移を行わずに同一ページ...
-
スマホ上で、左右スワイプで次...
-
Outlookのアカウントがあるとメ...
-
Colorboxがうまく設置できません
-
<tr>指定した表の行要素をボ...
-
【GAS】WEBアプリでハイパーリ...
-
GASでチェックボックスを一括of...
-
セレクトボックスで配列を呼び...
-
jqueryのselect2で検索欄の文字...
-
セレクトを全て選択されていな...
-
読み込んだQRコードをフォーム...
-
初心者です。gulpでコンパイル...
-
jquery 診断コンテンツにチェッ...
-
jsで質問です。 ボタンが二つ存...
-
jsonテキストデータの並び替え...
-
食材の期限を管理するためにGAS...
-
前回の質問の続き function mov...
-
このプログラムに、王手をかけ...
-
前回の質問の続き function mou...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
マイクラ1.7.10のエナジークリ...
-
SQL文 日付
-
十字ボタンのデータについて
-
VBAのCodeModule.Linesの記入方法
-
クロス集計について
-
VBAでダブルコーテーション入り...
-
C言語 exitの使い方
-
フォームを開くときに、コンボ...
-
エラーの意味は? Lvalue req...
-
足して100になるような乱数のア...
-
配列の値を置換するにはどうす...
-
[VBS]変数を定数に変換する方法...
-
EXCEL/VBA 変数の値をクリップ...
-
VB6.0-整数と余りを求める
-
vbsでテキストファイル内の文字...
-
Excel-vba 文字列と変数を...
-
jsp~jspにhiddenを使って変数...
-
エクセルへのデータの貼付時に...
-
テキストボックスの値を変数に...
-
COLUMN(1:1)の意味を教え...
おすすめ情報