javascript - 中的 互斥？

转载 作者：行者123 更新时间：2023-11-30 17:00:09 25 4

我需要将单选和多选的功能组合到一个控件中。具体来说，我有多种选择。第一个与其他的互斥。所以，如果我选择第一个，就需要取消选中所有其他的。如果选择了其中一个，则必须取消选中第一个(如果已选择)。其他选项应该不会相互影响。

<select id="myGroup" data-native-menu="false" multiple="multiple" >
    <option value=""  >Select Group(s)</option>
    <option value="-1" selected="selected" >I am alone</option>
    <option value="1"  >I am not alone 1</option>
    <option value="2"  >I am not alone 2</option>
    <option value="3"  >I am not alone 3</option>
</select>

我安装了一个 onchange() 处理程序。所以，我知道什么时候做出选择。但我似乎无法分辨刚刚选择了哪个选项。因此，在上面的示例中，如果用户选择选项 3，则 $(this).val() 变为 -1,3。我怎么知道刚刚选中的是“3”？

到目前为止，我唯一想到的就是保留一个选定选项的数组，然后在选择一个新选项时对数组进行比较。

$('select[id=myGroup]').change(function() {
    // At this point, I know the sum total of what's been selectec.
    // But I don't know which one just got added to the list.
    // I want logic that says:
    //  if -1 just got added, then unselect all the others
    //  if something else was just added, make sure that -1 is not selected
    var selected = $(this).val();
    alert(JSON.stringify(selected));
});

有没有更好的办法？

最佳答案

你只需要为第一个选项保持状态，而不是所有的:

var firstOption = $("#myGroup > option[value=-1]");
var firstSelectedBefore = firstOption.prop("selected");

$("#myGroup").on("change", function(event) {
    if (firstOption.prop("selected") && this.selectedOptions.length > 1) {
        if (firstSelectedBefore) { // non-first option just selected
            firstOption.prop("selected", false);
        } else { // first option just selected
            $(this).find("option:not([value=-1])").prop("selected", false);
        }
    }
    firstSelectedBefore = firstOption.prop("selected");
});

关于javascript - <select> 中的 <option> 互斥？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29041660/

25 4 0

文章推荐： javascript - 文本长度限制在我的 instafeed 模板中不起作用

文章推荐： C#/ODP.Net : MERGE INTO - How to get numer of affected Rows?

文章推荐： c# - 如何将 C# 程序集资源嵌入同一个程序集中？

文章推荐： javascript - 不加滤镜虚化背景

• Java 互斥

  我只是有一个关于 Java 并发编程的简单问题。例如，我有一个 NxN 矩阵，矩阵的每一行都有一个对应的线程，如果每一行中的线程之间没有交互，如果多个线程同时访问和修改矩阵的单独行是否安全(或正确)？

• javascript - 互斥 - jwPlayer

  jwplayer("myElement_0").onPlay(function(){ pausePlayers(1); alert('0 has started'); }); jwplayer("my

• c++:互斥、守卫和函数调用

  我在想。当我使用一个std::mutex _lock 并想依赖守卫来释放它时，我可以这样使用吗？ class MyClass{ private: mutable std::mutex _loc

• c# - 互斥 : is this safe?

  这种互斥模式是否像我认为的那样安全？如果是这样，你怎么调用它？ lock (_lock) { if (_flag) return; else _flag = true; } try {

• c++ - 互斥(在静态库中)

  我有一个静态库 来访问数据库。它有一个函数 readMaximum()。 readMaximum() 从数据库中读取最大值。此函数是线程安全的(使用互斥量)。 但问题是: 有两个进程A.exe和B.e

• javascript - 锁的基本逻辑——互斥

  我正在为互斥锁的逻辑而苦苦挣扎；我在这里检查 key 是否被拿走，如果没有，我们拿走它，完成后释放它；但是你能帮我看看我怎样才能有一个循环来检查 key 直到它可用吗？ rdb.setnx(lockk

• prolog - CLP(FD) 互斥

  我正在使用 clp(fd) 编写 Prolog 程序并且我很难实现我想要的约束之一。 输出是一个整数列表(长度取决于程序另一部分的输入)，其中有某些相互排斥的预定义数字对，每对中的一个数字必须在输出中

• docker - 互斥 docker 容器的马拉松约束

  我正在尝试使用 mesos/marathon 实现一个 lizardfs 集群。为此，我创建了一些 docker 镜像。 我需要获取某种类型的 docker 容器(lizardfs-master)，而

• php - 互斥 MySQL 全文搜索

  假设我有一个包含以下列的 MySQL 表:    |variables|1. | 'a'     |2. | 'a b'   |3. | 'a b c' |4. |   ...   | How can

• c# - 如何使 RadioButtons 互斥

  我在一个表单上有 7 个单选按钮 其中3个属于一个组，4个属于另一个组 我希望 RadioButtons 在组内互斥。 这可以通过将它们放在两个 GroupBox 中来实现， 有没有什么办法可以不把它

• javascript - 使两个字段与 knockout 互斥

  我正在尝试使文本输入和复选框相互排斥。 默认情况下，文本框应包含“0”，复选框应为 false。如果用户选中该复选框，则该文本框应被清空。如果用户在文本框中输入值，则应取消选中该复选框。任何时候都不应

• c - Posix Pthread 互斥

  我已经在代码的注释中写下了我的问题。 我正在尝试使用 pthreads 使我的代码并行。首先，我想通过多个线程并行地在内存中写入大量数据。写入数据后，我想通过相同的线程执行此数据。执行数据后，我想读取

• c# - 锁定、监视、互斥

  这个问题在这里已经有了答案: 关闭 13 年前。 Possible Duplicate: Monitor vs Mutex in c# 你好， 在这个网站上，我发现来自不同人的不同答案令人困惑。仍然

• linux - 与 pthread 互斥

  我需要调用一个返回唯一 id 的函数， int getid() { static id=0; id++; return id; } 多个线程需要调用这个函数，我的问题是我不确定我需要在哪里锁定互斥量，

• ios - 使 NSOperations 互斥

  请引用来自 WWDC 的视频 https://developer.apple.com/videos/play/wwdc2015/226/演讲者展示了我们可以在两个相同类型的 NSopeation 实例

• ios - CoreData 将一条记录标记为最爱(互斥)

  概述: 我有一个使用 CoreData 的 iOS 应用程序> 有一个名为Animal的实体 它有一组记录Lion、Tiger和Elephant 我想将只有一个记录标记为收藏。 具有相同方法的相似实体

• c++ - DLL 互斥 - 一个例子

  这个问题在这里已经有了答案: 关闭 12 年前。 Possible Duplicate: DLL thread safety 你好 我正在 MS VS C++ express 中编写一个 DLL 文

• c# - 跨用户 C# 互斥

  我的应用程序被迫使用第 3 方模块，如果在同一台机器上同时启动两个实例，该模块将使 Windows 蓝屏。为了解决这个问题，我的 C# 应用程序有一个互斥量: static Mutex mutex =

• go - "selective"goroutines 互斥

  我是 Go 的新手，我想实现一个自定义的互斥机制，每个应用程序用户一次可以执行一个 goroutine。为简化起见，将 U1 和 U2 视为应用程序用户以及 F1(userId)、F2(userId)

• javascript -

中的 互斥？

我需要将单选和多选的功能组合到一个控件中。具体来说，我有多种选择。第一个与其他的互斥。所以，如果我选择第一个，就需要取消选中所有其他的。如果选择了其中一个，则必须取消选中第一个(如果已选择)。其他选项