###前提・実現したいこと
inputへの入力によって別の要素にクラス付与、入力がなければクラス除去をするコード(JS FIddleサンプル)に、disabled時にはクラス除去という条件を追加したい。
html
1<input type="date" value="" data-target="#hoge"> 2<div id="hoge">#hoge</div>
$(function () { var $date = $('input[type="date"][data-target^="#hoge"]') $date.on('change', function () { var flag = ($(this).val().length > 0) ? "selected" : ""; $($(this).attr('data-target')).attr("class", flag); }); });
これは動きます。
###該当のソースコード
これはうまくいきません。
javascript
1$(function () { 2var $date = $('input[type="date"][data-target^="#icon"]') 3 $date.on('change', function () { 4 var flag = ($(this).val().length > 0) ? "selected" : ""; 5 if (input.is(':disabled') === false ){ 6 $($(this).attr('data-target')).attr("class", flag);} 7 else{ 8 $($(this).attr('data-target')).removeClass("selected", flag);} 9 }); 10}); 11});
よろしくお願いいたします。
※追記:これ正常に動きますね…失礼いたしました。Teratailの方針により投稿は原則削除禁止のためこのまま残します。
回答1件
あなたの回答
tips
プレビュー