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

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

1 个答案: