Jquery多选框互相内容交换

<head runat="server"><title>无标题页</title><script type="text/javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript">$(document).ready(function(){// 把选择项追加给对方$('#add').click(function(){var options=$('#select1 option:selected');var remove=options.remove();remove.appendTo("#select2");});// 把所有项追加给对方$('#addAll').click(function(){var options=$('#select1 option');var remove=options.remove();remove.appendTo("#select2");});// 把选择项退回给对方$('#remove').click(function(){var options=$('#select2 option:selected');var remove=options.remove();remove.appendTo("#select1");});// 把全部项退回给对方$('#removeAll').click(function(){var options=$('#select2 option');var remove=options.remove();remove.appendTo("#select1");});});</script></head>
<body><form id="form1" runat="server"><div id="left"><select multiple="multiple" id="select1" style="width:100px;height:160px"><option>选项1</option><option>选项2</option><option>选项3</option><option>选项4</option><option>选项5</option></select></div><div><span id="add">选中项添加至右边>></span><br /><span id="addAll">全部添加到右边>></span></div><div id="right"><select multiple="multiple" id="select2" style="width:100px;height:160px"></select></div><div><span id="remove"><<选中项还原至左边</span><br /><span id="removeAll"><<全部还原至左边</span></div></form>
</body>

转载于:https://www.cnblogs.com/moqiang02/p/4061327.html

Jquery多选框互相内容交换相关推荐

Jquery 复选框全选与反选点击执行一次然后失效解决方案
Jquery 复选框全选与反选点击执行一次然后失效解决方案参考文章: (1)Jquery 复选框全选与反选点击执行一次然后失效解决方案 (2)https://www.cnblogs.com/feng ...
jQuery复选框选中状态更改事件
本文翻译自:jQuery checkbox checked state changed event I want an event to fire client side when a checkbo ...
thymeleaf 复选框回显_Thymeleaf+layui+jquery复选框回显
一.Thymeleaf+layui+jquery复选框回显基于Thymeleaf模板下的layui+jquery复选框回显,主要是jquery.大致意思是:把数组转成JSON传到前台,再在前台转回数 ...
jquery复选框组清空选中的值_jQuery选取所有复选框被选中的值并用Ajax异步提交数据...
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来 ...
jquery复选框组清空选中的值_jQuery获取复选框被选中数量及判断选择值的方法详解...
这篇文章主要介绍了jQuery获取复选框被选中数量及判断选择值的方法,结合实例形式分析了jQuery操作复选框进行判定与统计的相关技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了jQuer ...
checkbox取值 php_php获取checkbox复选框的内容
由于checkbox属性,所有必须把checkbox复选择框的名字设置为一个如果checkbox[],php才能读取,以数据形式,否则不能正确的读取checkbox复选框的值哦. 复选二复选三复选 ...
自制jQuery 复选框全选与反选插件
(function ($) { //复选框全选 $.fn.checkAll = function (options) { var defaults = { chName:"checkName ...
jquery复选框选中及下拉框选中指定项(删除项)
(1)复选框选中及下拉框选中指定项(删除项) <%@ taglib prefix="form" uri="http://www.springframework.or ...
jQuery复选框多选问题
<html><head><title>work.html</title><script type="text/javascript&qu ...
jquery复选框组清空选中的值_防火墙基本配置：配置策略组
配置策略组用户可以将一些策略规则组织到一起组成策略组.用户可以直接对策略组进行配置,以简化管理. 配置策略组,包括新建策略组.删除策略组.启用/禁用策略组.添加/删除策略规则成员.编辑策略组和显示禁 ...

Jquery多选框互相内容交换

Jquery多选框互相内容交换相关推荐

最新文章

热门文章