当前位置:首页 > 日记 > 正文

引导下拉菜单的解决方案单击以立即隐藏bug。

引导下拉菜单的解决方案单击以立即隐藏bug。
昨天,我们使用jQuery和引导程序来实现下拉菜单复选框。今天,我们把好的演示和项目结合在一起,发现有一个小错误。当我们点击银行复选框时,每次点击下拉菜单,div都会立即被隐藏,这只会导致每次只有一个选择。

这应该是事件传播的原因,代码被修改如下:
var(=);
Click(函数(){)
VaR旗=美元(这)道具('checked);
banks.prop('checked标志);
})

停止事件的传播,或者单击复选框时,下拉菜单div将立即隐藏。
$(下拉菜单标签)Click(函数(e){)
e.stoppropagation();
});
Banks.click(function(){()
如果没有选中,则选择所有按钮不被选中。
如果所有选中的,选择按钮被选中
var = 0;
banks.each(函数(){()
如果$(this)
数字+;
}
})
如果(数字=银行=长度){
$('。所有>输入)。道具('checked ',真的);
{人}
$('。所有>输入)。道具('checked,假);
}
})

此外,需要一个新功能,单击保存按钮,将选定的银行名称通过字符串连接到后台,这部分很简单,代码如下所示:
在提交时,获取所选的所有值,并将这些值拼接成字符串。
$(提交)Click(函数(){)
无功bankarr = { };
banks.each(函数(){()
如果$(this)
BankArr.push($(this)。瓦迩());
}
});
无功bankstr = bankarr.join(',');
console.log(bankstr);
})

以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

相关文章

如何用ps给添加真实感

如何用ps给添加真实感

真实感,如何用,电脑软件,ps,如何使用PS把图片添加到图片中,下面的小编辑与你仔细地了解。! 用ps给图片添加真实感 打开图片,Ctrl和j复制背景。 点击右下角的复制加蒙版。 Ctrl加t,然后右键单击并垂直翻转。 单击右侧的常规列表,然后单击底部过…

js实现移动终端判断拉滑功能

js实现移动终端判断拉滑功能

移动终端,功能,电脑软件,js,一个手指触摸屏幕,使用touchstart和touchend前后滑动距离的计算,以确定是否拉或滑动。 二,JS在距离:pagey,clienty,offsety:差异: 该offsety偏移距离:相对于父节点。 ClientY:相对于浏览器,辊距不包括。 PageY:是相对于…

PowerPoint如何设置百分比显示率

PowerPoint如何设置百分比显示率

显示,百分比,如何设置,电脑软件,PowerPoint,PPT为我们提供了几个幻灯片放映的比例。可以根据实际情况设置幻灯片展示的比例。PPT如何设置显示比例下面让小编辑告诉你如何设置PPT幻灯片比例,希望对你有所帮助。 幻灯片显示比例设置方法 打…

oracle表空间实例详细解决方案

oracle表空间实例详细解决方案

解决方案,表空间,实例,详细,电脑软件,oracle表空间实例详细解决方案 查询表空间 选择上(f.tablespace_name)表空间的名字 d.tot_grootte_mb 的表空间的大小(M) d.tot_grootte_mb - f.total_bytes已用空间(M) to_char(圆(((d.tot_grootte_mb - f.tota…

js的学习经验_简单动画库包tween.j

js的学习经验_简单动画库包tween.j

学习,动画,简单,经验,电脑软件,具体代码如下: 函数(){ 无功myeffect = { { 线性函数(t,b,c,d){ 返回 }, 四:慢两次(t 2); 酪蛋白:功能(T,B,C,D){ 返回C *(t = ); }, easeout:功能(T,B,C,D){ 返回C *(T / = D)*(T-2)+ B; }, easeinout:功能(T,B,C,D){ 如果((1) 返回C / 2 *((t)×(T-2)- 1)+ B; }…

用于实现匿名递归的Javascript实例代码

用于实现匿名递归的Javascript实例代码

递归,实例代码,用于,电脑软件,Javascript,递归是一种常见的编程技巧。实名递归认为每个人都不是陌生的,但是如果你想实现匿名递归呢例如,如果您想要返回匿名递归函数,或者定义匿名递归函数并直接调用它,那么如何进行呢本文将讨论它在未来的实现…

PS是如何绘制三维高尔夫球的

PS是如何绘制三维高尔夫球的

绘制,高尔夫球,电脑软件,PS,用PS做高尔夫球很复杂。现在我们将与大家分享生产过程和截图。同时,我们希望这一经验能起到吸引砖和玉的作用。此经验仅供参考。 软件名称:Adobe PS图象处理软件8全绿色中文版软件大小:150.1mb更新时间:2015-11-04 …

介绍:新的文件和编辑

介绍:新的文件和编辑

编辑文件,文件,电脑软件,编辑,InDesign是一个排版工具Adobe。你可以做一个单页,一本图画书,一本书,等等。PS,AI,软件应该很快适应软件,及操作快捷键几乎是相同的。以下是新文件和图片编辑一个简短的简介。 1。打开文件、文件或新建文档中的新文档…

PS简单地合成一个教程移动广告

PS简单地合成一个教程移动广告

移动广告,教程,简单,电脑软件,PS,如何使用PS制作手机广告现在我们教你简单地合成一个手机广告。这并不难。它主要是合成手机的图片和背景地图。好的,让我们看看下面的具体步骤。 方法/步骤: 1。打开软件并准备设计材料 2。将图片加载到软…

ps如何把中的文字变成闪烁的文本。

ps如何把中的文字变成闪烁的文本。

文字,文本,闪烁,电脑软件,ps,人们通常会看到一些图片上的图片会闪烁,非常有趣,下面看看如何使用PS吧!The material is as follows: 软件名称:Adobe PS图象处理软件8全绿色中文版软件大小:150.1mb更新时间:2015-11-04 1。打开PS软件,这里我用的CS6…

关于JSP中cookie丢失的问题(详细说

关于JSP中cookie丢失的问题(详细说

详细说明,电脑软件,JSP,cookie,在JSP中,如果cookie不设置路径,则会出现cookie丢失问题。 曲奇饼干=新的饼干(cookiename,值); (3600)cookie.setmaxage; Cookie.setPath(/); response.addcookie(饼干); 在JSP上述cookie丢失问题解释给你的萧边。我们希望能…

如何在Dreamweaver网页上制作带有

如何在Dreamweaver网页上制作带有

列表,下拉菜单,网页,如何在,电脑软件,当你制作一个网页时,你需要选择男人和女人,所以你需要添加一个下拉菜单。今天我们来看一下DW的下拉菜单教程。 软件名称:Adobe Dreamweaver CC 2017 v17.0中文破解版(附破解补丁)64位软件大小:758mb更新时间…