チェックボックスをオフにするとチェックボックスから最も近い選択を選択しますか？

Question

私はチェックボックスがオンになっているかどうかに基づいてドロップダウン（選択）の値を選択しようとしています。ここで私が使用しているコードだが、それは働いていない：。

<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> 

$（「isNotActive」）非表示（）一部作品が、私は他の部分を動作させることはできません。何か案は？

Answer 1

この例は、jQueryでチェックされたチェックボックスにドロップダウンの選択値を出力する方法を示しています。

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(); 
}); 

更新JSFiddle：https://jsfiddle.net/cv22hwm6/7/