Как отметить чекбокс по выбору select?

Question

[Eugene Chefranov]

Подскажите, имеется такой select

<select class="item-list" name="item-list">
<option value="item-1">Item name 1</option>
<option value="item-2">Item name 2</option>
<option value="item-3">Item name 3</option>
<option value="item-4">Item name 4</option>
</select>

И чекбоксы

<div class="additionals">
<span class="checkbox-input">
<input name="add[0]" type="checkbox" value="Delivery" data-price="40" id="add-0">
<label for="add-0">Delivery - $40</label>
</span>
<span class="checkbox-input">
<input name="add[1]" type="checkbox" value="Child Seat" data-price="20" id="add-1">
<label for="add-1">Child Seat - $20</label>
</span>
<span class="checkbox-input">
<input name="add[2]" type="checkbox" value="GPS" data-price="20" id="add-2">
<label for="add-2">GPS - $20</label>
</span>			
</div>

Как сделать так, что если выбран элемент в select - <option value="item-2">Item name 2</option>, то галочка с

<input name="add[0]" type="checkbox" value="Delivery" data-price="40" id="add-0">

должна быть снята, а в других случаях стояла.

Answer 1

[Stalker_RED]

$('select').on('change', function(){
  $('#add-0').prop('checked', this.value === 'item-2')
})

https://jsfiddle.net/2hkj1dnL/