入力値が空でない場合、要素の表示/非表示が依存するコードに多くの条件があります。
これらの行の短いバージョンはありますか?
if ($("input#x").val())
{
$("#lbl_y").show();
}
else
{
$("#lbl_y").hide();
}
入力値が空でない場合、要素の表示/非表示が依存するコードに多くの条件があります。
これらの行の短いバージョンはありますか?
if ($("input#x").val())
{
$("#lbl_y").show();
}
else
{
$("#lbl_y").hide();
}
$("#lbl_y").toggle($("input#x").val());
このような構造を使用できます。
$("#lbl_y")[$("input#x").val() ? 'show' : 'hide']();
基本的に、これを1行にまとめることができます-
($("input#x").val() == ''? $("#lbl_y").show() : $("#lbl_y").hide() )
ここでは三項演算子を使用しています。この場合、単純な条件ステートメントのように動作します。true/false
特定の条件の評価をチェックし、ステートメントによって返される値に応じて、1 つまたは別のタスクを実行します。
(condition ? true : false)
あなたが意味するこの三項演算子のように:
.is(':empty')
空のチェックに使用できます!
var resultofexpression = conditionasboolean ? truepart: falsepart;
あなたの場合:
$("input#x").is(':empty') ? $("#lbl_y").show(); : $("#lbl_y").hide();