javascript - 从复选框或选择选项中选择

Question

我有一个带有复选框和多个选择选项的表单 -

<ul class="inline-list">
   <li><input type="checkbox" id="div1" name = "div1"/><label for="div1">Division1</label></li>
   <li><input type="checkbox" id="div2" name = "div2"/><label for="div2">Division2</label></li>
   <li><input type="checkbox" id="div3" name = "div3"/><label for="div3">Division3 East</label>/li>
</ul>

-------------- 或 --------------

<select multiple style="height:100px">
    <option value='State1'>State1</option>
    <option value='State2'>State2</option>
    <option value='State3'>State3</option>
    <!-- 20 odd more options -->
</select>

现在我想提供从复选框中选择部门或从选择选项中选择州的选项。

我的意思是，如果用户选择一个部门，然后选择一种状态，则应清除部门选择，而当用户选择状态后选择部门，则应清除状态选择。

Answer 1

只需设置一些 onchange 事件处理程序即可清除相应的部分。像这样的事情:

$('input:checkbox').on('change', function(){
   $('select option:selected').removeAttr('selected');
});

$('select').on('change', function(){
    $('input:checkbox:checked').removeAttr('checked'); 
});

选中复选框时，清除所有选择...选择选择时，清除所有复选框...

See Fiddle Demo