jQuery实现全选与不全选及表单对象属性过滤

最新推荐文章于 2020-12-04 16:26:24 发布

My_____Dream

最新推荐文章于 2020-12-04 16:26:24 发布

阅读量283

点赞数

分类专栏： JQ

本文链接：https://blog.csdn.net/My_____Dream/article/details/79232366

版权

这篇博客介绍了如何使用jQuery实现全选与不全选的功能，以及表单对象属性过滤。通过示例代码展示了如何在按钮点击事件中将选中的选项移动到另一个下拉框，并解释了`:enabled`、`:disabled`、`:checked`和`:selected`等过滤器的用途。最后，博主提供了联系方式以提供技术指导。

摘要由CSDN通过智能技术生成

jQuery实现全选与不全选及表单对象属性过滤

一、步骤分析

1、设计好页面

2、绑定单击事件驱动函数

3、编写函数

4、函数内获取下拉选框再使用索引过滤条件

5、使用appendTo把选中内容增加到指定的下拉选框

二、代码实现

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>左右选中移动</title>
</head>
<script src="js/jquery-1.11.0.min.js"></script>
<script>
$(function(){
//选中按钮派发事件
$("#in8").click(function(){
//按钮被单击，选中下拉选option标签选中的第一个增加到右边的下拉选
$("#in9 option:selected:first").appendTo($("#right"));
});
$("#ina").click(function(){
//按钮被单击，选中下拉选option标签选中的增加到右边的下拉选
$("#in9 option:selected").appendTo($("#right"));
});
$("#inb").click(function(){
//按钮被单击，选中下拉选option标签中的增加到右边的下拉选
$("#in9 option").appendTo(

最低0.47元/天解锁文章

My_____Dream

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery实现全选与不全选及表单对象属性过滤

jQuery实现全选与不全选及表单对象属性过滤一、步骤分析1、设计好页面2、绑定单击事件驱动函数3、编写函数4、函数内获取下拉选框再使用索引过滤条件5、使用appendTo把选中内容增加到指定的下拉选框二、代码实现<!DOCTYPE html><html><head><meta charset="UTF-8">...
复制链接

扫一扫

专栏目录