当我选择值为0的选项时,我想取消选择所有其他选项。反之,当我选择非0的值时,我需要取消选择值为0的选项。请帮助我,以下是我的代码。
<script type="text/javascript">
$(document).ready(function() {
$('.sumomultiple').SumoSelect();
$('.sumomultiple')[0].sumo.selectItem("0");
});
</script>
<select id="st_type" class="sumomultiple table-group-action-input form-control" multiple="multiple" placeholder="Unselect All" onchange="$('#s_transtype').val($(this).val())">
<option value="0">Unselect All</option>
<option value="23">A</option>
<option value="24">B</option>
<option value="25">C</option>
</select>
$('#st_type').change(function(){
// Please Help Here
});
我已经尝试了很多方法,但我仍然不知道该怎么做,请帮助我。非常感谢您...
此行为是SumoSelect内置的,无需自己编写。使用设置中的selectAll
选项将其启用:
jQuery(function() {
$('.sumomultiple').on('change', function() {
$('#s_transtype').val($(this).val())
}).SumoSelect({
selectAll: true
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/jquery.sumoselect.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/sumoselect.min.css" />
<select id="st_type" class="sumomultiple table-group-action-input form-control" multiple="multiple" placeholder="Unselect All">
<option value="23">A</option>
<option value="24">B</option>
<option value="25">C</option>
</select>
<input type="text" readonly="true" id="s_transtype" />
我建议阅读库documentation并查看examples,以了解有关可用功能的更多信息。