Restringindo usuário para marcar a caixa de seleção no jQuery
Eu tenho um monte de caixas de seleção, gostaria de restringir o usuário para verificar as caixas de seleção com base no valor de caixa de seleção.
por exemplo, se o usuário selecionar o valor - 3 na caixa de seleção, ele só poderá marcar as 3 caixas de seleção (quaisquer três)
Demonstração:Violino
HTML
<select id="count">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select><br/><br/>
<div class="checkbox">
<input id="checkbox-1" type="checkbox" name="Data1" value="option1" />
<label for="checkbox-1">HTML</label>
<br />
<input id="checkbox-2" type="checkbox" name="Data2" value="option2" />
<label for="checkbox-2">CSS</label>
<br />
<input id="checkbox-3" type="checkbox" name="Data3" value="option3" />
<label for="checkbox-3">HTML</label>
<br />
<input id="checkbox-4" type="checkbox" name="Data4" value="option4" />
<label for="checkbox-5">CSS</label>
<br />
<input id="checkbox-5" type="checkbox" name="Data5" value="option5" />
<label for="checkbox-5">HTML</label>
<br />
<input id="checkbox-6" type="checkbox" name="Data6" value="option6" />
<label for="checkbox-6">CSS</label>
</div>
Como posso fazer isso? Por favor alguém pode me ajudar?