代码之家 › 专栏 › 技术社区 › RA19

如果选择了第一个选项,jQuery将多选所有值

jquery c#

RA19 · 技术社区 · 6 年前

它似乎在选择值,但不检查前端的选项。

代码示例: https://www.codeply.com/go/ExFJtHShnF

我写的Jquery代码-没有正常工作

$("#basic").change(function () {   
    if ( $("#basic option:first").prop('selected') ) {
        $('#basic option').prop('selected', true);
    }
});

1 回复 | 直到 6 年前

Rory McCrossan Hsm Sharique Hasan 6 年前

为了使这项工作,你需要使用一个委托代理 change

你可以打电话给我 selectAll deselctAll checked 第一个框的属性,如下所示:

$('#basic').multiselect({
  templates: {
    li: '<li><a href="javascript:void(0);"><label class="pl-2"></label></a></li>'
  }
});

$(document).on('change', '.multiselect-container :checkbox:first', function() {
  $('#basic').multiselect(this.checked ? 'selectAll' : 'deselectAll').multiselect('refresh');
});

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script>
<div class="container">
  <br /><br />
  <select class="custom-select" id="basic" multiple="multiple">
    <option value="0">All</option>
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
  </select>
</div>

推荐文章

Robert King · Unity C#语法问题-转换位置

1 年前

JBryanB · 如何从基本抽象类访问类属性

1 年前

Anders Sewerin Johansen · 使用Moq提供一个利用mock的具体对象

1 年前

Community wiki · 基于两个参数在文本框中使用上下文键自动完成?

1 年前

Community wiki · SqlConnections,Parallel.For,一个旧的C#应用程序,初始化SqlConnections时随机挂起

1 年前

kling · LINQ生成的IEnumerable与原始列表之间的关系是什么?[副本]

2 年前

Adil15 · 以下方法和属性之间的调用不明确-Linq和MoreLinq

2 年前

law · 检查答案按钮的输入字符串格式不正确

2 年前

Laurian Avrigeanu · 如何执行嵌套的ContextMenu实现?

2 年前

i_sniff_ket · 在unity之外使用unity类

2 年前