Schreiben von if/else-Anweisung als ternären Operator

Wie würde ich dies mit einem ternären Operator schreiben?Schreiben von if/else-Anweisung als ternären Operator

if (!$('#privacy_check').is(':checked')) { 
 
    $('#privacy_check').css('outline-color', 'red'); 
 
    $('#privacy_check').css('outline-style', 'solid'); 
 
    $('#privacy_check').css('outline-width', 'thin'); 
 
} else { 
 
    $('#privacy_check').css('outline-color', 'none'); 
 
    $('#privacy_check').css('outline-style', 'none'); 
 
    $('#privacy_check').css('outline-width', '0'); 
 
}

Ich habe

versucht

!$('#privacy_check').is(':checked') ? $('#privacy_check').css('outline-color', 'red'); $('#privacy_check').css('outline-style', 'solid');$('#privacy_check').css('outline-width', 'thin') : 
 
$('#privacy_check').css('outline-color', 'none');$('#privacy_check').css('outline-style', 'none');$('#privacy_check').css('outline-width', '0');

Quelle

2016-05-26 Anonymous

ternäre Operator wertet auf einen Wert. Möchten Sie, dass dies einen Wert auswertet? – thefourtheye

Nicht. Es wird es einfach schwieriger machen, ohne Vorteil zu lesen – Liam

ok, also vielleicht am besten als normale 'if/else-Anweisung 'zu verlassen. Vielen Dank! –

var $elem = $('#privacy_check'); 
$elem.css($elem.is(':checked') ? 
    { outlineColor: 'none', outlineStyle: 'none', outlineWidth: 0 } : 
    { outlineColor: 'red', outlineStyle: 'solid', outlineWidth: 'thin' })

Quelle

2016-05-26 09:55:15 Vaclav

vereinfachen.

CSS:

#privacy_check { 
    outline: thin solid red; 
} 
#privacy_check:checked { 
    outline: none; 
}

Kein JavaScript erforderlich.

Quelle

2016-05-26 09:52:12

Ok, aber er fragte nach einer Javascript-basierten Lösung O.o –

Entschuldigung, Sie müssen die Frage falsch verstanden haben. Ich möchte nur das rot zeigen, wenn es nicht überprüft wird –

@NiettheDarkAbsol ich habe prob nicht genügend Informationen in der Frage zur Verfügung gestellt, um fair zu sein. Ich möchte nur die rote zeigen, nachdem ein Versuch gemacht wird, das Formular zu senden –

Sie können etwas tun, wie diese

$('#privacy_check').change(function() { 
 
    $(this).css({ 
 
    'outline-color': this.checked ? 'none' : 'red', 
 
    'outline-style': this.checked ? 'none' : 'solid', 
 
    'outline-width': this.checked ? '0' : 'thin' 
 
    }); 
 
}).change()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="privacy_check" />

Mehr vereinfacht als @Rayon vorgeschlagen

$('#privacy_check').change(function() { 
 
    $(this).css("outline", this.checked ? 'none' : "thin solid red") 
 
}).change()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="privacy_check" />

Quelle

2016-05-26 09:57:59

Betrachte '$ (" # privacy_check "). Css (" outline "," thin solid red ");" ..Ich denke, es wird redundanten Code reduzieren. – Rayon

Versuchen Sie folgendes:

var $elem = $('#privacy_check'); 

if($elem.is(":checked")){ 
    $elem.css("outline", "thin solid red"); 
} 
else{ 
    $elem.css("outline", "none"); 
}

Quelle

2016-05-26 10:01:11

Du legst '$ ('# privacy_check') in eine Variable, aber habe es nicht benutzt: DI habe es für dich repariert. –

Ja, danke. Mein Fehler –

Schreiben von if/else-Anweisung als ternären Operator

Antwort

Verwandte Themen