多选附加

最新推荐文章于 2024-10-01 20:12:28 发布
最新推荐文章于 2024-10-01 20:12:28 发布
阅读量42 收藏
点赞数
文章标签： javascript ViewUI

<html>    

<head>

    <title></title>  

<style type="text/css">

    #m{list-style:none;font:12px}  

#m li{float:left}  

#m li div{width:55px;height:141px;padding-left:20px;padding-right:20px;padding-top:30px;}   

select{width:100px;}  

</style>  

<script type="text/javascript">  

function copy(){   

var source = arguments[0] || "";   

var target = arguments[1] || "";   

var isAll = arguments[2] || false;   

if(source && target){    

if(isAll){

//全选     

for(var i=0,len=source.options.length; i<len; i++){      

var v = source.options[i].value;      

var t = source.options[i].text;      

var opt = new Option(t, v);      

if(!isExists(target, opt)){       

target.options.add(opt);       

source.options.remove(i);       

i--;//移除一个，长度重新算       

len=source.options.length      

}     

}    

} else{     

for(var i=0,len=source.options.length; i<len; i++){      

if(source.options[i].selected){       

var v = source.options[i].value;       

var t = source.options[i].text;       

var opt = new Option(t, v);       

if(!isExists(target, opt)){        

target.options.add(opt);        

source.options.remove(i);        

i--;        

len=source.options.length       

}      

}     

}    

}   

}  

}    

//判断目标中是否存在该元素  

function isExists(target, opt){   

if(target && opt){    

for(var i=0,len=target.options.length; i < len; i++){     

if(target.options[i].value == opt.value){      

return true;     

}    

}   

}   

return false;  

}    

function toRight(isAll){   

var left = document.getElementsByName("left")[0];   

var right = document.getElementsByName("right")[0];   

copy(left, right, (isAll || false));  

}    

function toLeft(isAll){   

var left = document.getElementsByName("left")[0];   

var right = document.getElementsByName("right")[0];   

copy(right, left, (isAll || false));  

}  

</script>    

</head>    

<body>  

<ul id="m">   

<li>    

<select name="left" size="10" multiple="multiple" οndblclick="toRight()">     

<option value="1">礼品1</option>     

<option value="2">礼品2</option>     

<option value="3">礼品3</option>     

<option value="4">礼品4</option>     

<option value="5">礼品5</option>     

<option value="6">礼品6</option>     

<option value="7">礼品7</option>     

<option value="8">礼品8</option>    

</select>   

</li>

<li>    

<div>     

<input type="button" value="-->>" οnclick="toRight()">     

<input type="button" value="==>>" οnclick="toRight(true)">     

<input type="button" value="<<--" οnclick="toLeft()">     

<input type="button" value="<<==" οnclick="toLeft(true)">    

</div>   

</li>   

<li>    

<select name="right" size="10" multiple="multiple" οndblclick="toLeft()">    

</select>       

</li>  

</ul>    

</body>

</html>

weixin_34228387
关注
radiogroup多选_Android 自定义View实现多行RadioGroup (MultiLineRadioGroup)
weixin_30452659的博客
12-30 659
一、项目概况我们都知道RadioGroup可以实现选择框，但它有一个局限性，由于它是继承自LinearLayout的，所以只能有一个方向，横向或者纵向；但有时候仅一行的RadioGroup并不能满足实际的需求，比如在一行的宽度下显示不完所有的选项，设计上又不允许左右滑动，这时候RadioGroup就不能满足这样的功能设计了；基于此，我写了这个MultiLineRadioGroup并且开源出来；1、...
easyui前端实现多选框_关于easyUI中combobox多选并附加checkbox的实现
weixin_39958631的博客
01-12 327
在easyUI的基础组件中combobox只有带radiobutton的效果，而且只支持单选。但是我们可以在此控件的基础上，对combobox进行重写，就能够实现checkbox多选效果。大致需要重写以下几个方法：format:function(row){varopts=$(this).combobox("options");return""+row[opts.textField]...
vue+elementUI 添加多个可以全选的多选框
Start2019
01-05 3704
1. vue+elementUI 动态生成多个可以全选的CheckBox多选框 2. indeterminate 状态 3. 实现全选的复选框 多选框
Mybatis全局配置文件中重要注解说明
林海静的博客
11-15 662
    &lt;!--注意：xml中的标签是有先后顺序的，将鼠标放在configuration标签上，弹出框的末尾可以查看先后顺序--&gt; 1、&lt;properties&gt; mybatis可以使用properties来引入外部properties配置文件的内容；         resource：引入类路径下的资源         url：引入网络路径或者磁盘路径下的资源 &l...
WPF Tree控件多选，附加依赖项属性
gao271003105的专栏
12-17 1275
使用附加依赖项属性搞定 ////附加依赖项属性类 TreeViewExtensions.cs public class TreeViewExtensions : TreeView { /// <summary> /// Gets the value of the dependency property "EnableMultiSelect...
formSelects-v4 layui下拉框多选方案
GeeLoong`s Blog
08-06 6299
formSelects-v4.js 基于Layui的多选解决方案 1、闲谈杂趣 v3传送门v3文档 其实思考了很久, 还是放弃了v3, 因为开发v3的时候很粗暴, 按照编程角度来看就是硬撸, 也怪自己实力有限, 所以反思了一下, 尝试着继续前行... 2、交流学习 QQ号: 707200833QQ群: 769620939重要的事情说三遍, 看文档, 看文档, 看文档, 文档...
关于easyUI中combobox多选并附加checkbox的实现
yanggo66的博客
10-15 1100
在easyUI的基础组件中combobox只有带radiobutton的效果，而且只支持单选。 但是我们可以在此控件的基础上，对combobox进行重写，就能够实现checkbox多选效果。 大致需要重写以下几个方法： format : function(row){ var opts = $(this).combobox("options"); return "&lt;in...
wxpython多选列表_16 wxPython ListBox和ListCtrl类
weixin_39945915的博客
12-05 820
wx.ListBox小部件呈现可垂直滚动的字符串列表。默认情况下，列表中的单个项目是可选的。但是，它可以自定义为多选。ListCtrl小部件是一个高度增强的列表显示和选择工具。可以在“报表”视图，“列表”视图或“图标”视图中显示多个列的列表。ListBox构造函数具有以下定义Wx.ListBox(parent, id, pos, size, choices, style)Choices参数是用于填...
下拉多选控件介绍
zgwyfz的博客
07-21 8233
推荐一个很好用的下拉多选控件，这个控件是原生js写的，使用时只需引入一个js和一张样式图片就可以了。控件人性化设计，可以根据场景需要设置相应的功能。
vue 实现多选 方法
奋斗在前端的实习生
06-18 3343
https://www.cnblogs.com/mei1234/p/10417600.html转载 学习 <div class="flex-h tc_two_tl" v-for="(index,item) in listData" @click="btnActive(index,item)"> <div v-if="item.bOn == true"><i...
qt实现echart和百度地图附加多选combox控件
01-27
在本文中，我们将深入探讨如何使用Qt框架来实现ECharts图表、百度地图，并结合自定义的多选ComboBox控件——`mymulticombobox`。这个项目的主要目标是创建一个用户界面，允许用户通过多选ComboBox选择不同的选项，...
jQuery ztree实现动态树形多选菜单
10-21
`enable:true`表示开启异步加载，`url`指定异步加载请求的服务器地址，`autoParam`定义请求中要附加的参数，`dataFilter`是数据过滤函数，用于对服务器返回的数据进行处理。 - 过滤函数`filter`，通常用于将服务器...
Android-TouchListener可以附加到任何RecyclerView并为您处理多选
08-12
在这个特定的情况下，"Android-TouchListener可以附加到任何RecyclerView并为您处理多选"意味着有一种实现方式，通过自定义TouchListener，使得RecyclerView支持多选模式，而无需编写大量的重复代码。 在实现这个...
c#winform下拉多选自定义控件(带全选)
01-04
最后，为了提高用户体验，可以考虑添加一些附加功能，例如搜索过滤（在用户输入时自动过滤列表项），或者排序选项（允许用户按照字母顺序或自定义顺序显示列表项）。 在实际应用中，可以通过以下方式使用这个自定义...
ListBox 鼠标拖动多选
01-22
5. **应用Behavior**：将自定义的行为添加到`ListBox`上，可以使用`BehaviorService`或者`AttachedProperty`的方式，确保`ListBoxDragSelectBehavior`能正确附加到`ListBox`实例。 6. **样例代码**：以下是一个简单...
如何搭建Vue脚手架
w6437286的博客
09-26 485
本文主要讲解如何搭建vue脚手架。
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 245
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞
最新发布
2301_77012231的博客
10-01 199
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞，攻击者可以获取服务器权限。bp 报错泄露绝对路径。sqlmap确认有漏洞。
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 464
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
wpf combobox 实现多选
05-10
首先，使用ItemsControl将要用于展示的选项集合附加到 Combobox 上。 ```xaml <!--定义ItemsControl--> ``` 其中，`Selection`是选项的集合。接下来，将 Combobox 的模板更改为 ListBox，使其在下拉...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值