Auswahl der nächsten Auswahl aus Kontrollkästchen, wenn deaktiviert?

Question

Ich versuche, den Wert eines Dropdown (wählen) basierend darauf, ob meine Checkbox aktiviert ist oder nicht. Hier ist der Code ich verwende, aber es funktioniert nicht.

<select name="scType" class="scType" onchange="$('.all').hide();$('.'+this.value).show();" style="display:none;"> 
     <option value="One" selected>One</option> 
     <option value="Two">Two</option> 
    </select> 

<span id="showActiveS" style="display:none;"><input name="showActive" class="showActive" type="checkbox" id="showActive" onclick="(this.checked)?$('.isNotActive').hide():$('.'+$(this).closest('.scType').val().show())"> Show Only Active?</span> 

Die $ (‚isNotActive‘) hide() Teil funktioniert, aber ich kann nicht der andere Teil an die Arbeit. Irgendwelche Ideen?

Answer 1

Dieses Beispiel zeigt, wie ein ausgewählter Wert eines Dropdown-Feldes für das mit jQuery markierte Kontrollkästchen ausgegeben wird.

HTML:

<select name="scType" class="scType"> 
    <option value="Five" selected>Five</option> 
    <option value="Six">Six</option> 
</select> 

<select name="scType" class="scType"> 
    <option value="Three" selected>Three</option> 
    <option value="Four">Four</option> 
</select> 

<select name="scType" class="scType"> 
    <option value="One" selected>One</option> 
    <option value="Two">Two</option> 
</select> 

<span id="showActiveS"> 
<input name="showActive" class="showActive" type="checkbox" id="showActive"> 
Display Closest Drop Down Value 
</span> 

<div>Output: <span id="output"></span></div> 

Javascript:

$('.showActive').on('click', function(){ 
    if ($(this).prop('checked')) 
    $('#output').text($(this).parent().prev('.scType').val()); 
    else 
    $('#output').empty(); 
}); 

Aktualisiert JSFiddle: https://jsfiddle.net/cv22hwm6/7/