清空文本框和下拉列框(bootstrap+jquery)

最新推荐文章于 2023-11-28 16:02:23 发布
最新推荐文章于 2023-11-28 16:02:23 发布
阅读量1.2k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mouzu/article/details/81169405
版权
本文介绍了如何使用Bootstrap和jQuery，通过点击复选框来清空文本框和下拉列表框的内容。当用户勾选'代理人'复选框时，可以填写和选择信息；取消勾选时，则会自动清空所有信息并隐藏相关部分。
摘要由CSDN通过智能技术生成

效果图：

1.點擊“代理人”checkBox,填寫和選擇所有信息

2.取消勾選“代理人”，則清空所有信息，并隱藏代理人部分

 

前端HTML：

Jquery1.9 

 

最低0.47元/天 解锁文章
Mouzu
关注
专栏目录
bootstrap下拉框分页_SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
weixin_39591720的博客
12-19 649
下拉分页选择插件 SelectPage v2.4 发布了，插件更新内容：增加pagination参数，指定稿件是否使用分页加载数据，以及显示分页栏增加listSize参数，指定了不使用分页的列表，显示的高度，单位为个(选项个数)，默认显示10个项目的高度设置selectOnly:true的情况下，输入框为只读模式，不允许输入查询过滤修复多选模式下及设置了最大选中项目时，选中了项目再次点击“全选本页...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
qq_36609655的博客
07-02 1万+
第1章Html   Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构）   <html> <head> <title></title> </head> <bod...
给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾 png
08-28
给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾---调试页面，发现bootstarp框架多选会自带一个span标签，清空与赋值就是把这个span标签重置，在浏览器调试页面中找到这个span标签，通过class选择器，对span标签清空与赋值，代码：清空 $(".filter-option").empty(); 赋值 $(".filter-option").text("周一，周二");清除选中的勾$(".selectpicker").selectpicker('deselectAll');
php select下拉列表清除列表,bootstrap-select下拉框如何清除选中的状态？,
weixin_39935903的博客
03-29 367
bootstrap-select下拉框如何清除选中的状态？引导选择下拉框如何清除所选状态？，相关教程建议：《bootstrap视频教程》PC端项目往往会出现大量的数据列表页面，涉及下拉框选择过滤条件；当时使用bootstrap-select下拉框时，如何点击reset按钮清除下拉框的选中状态，恢复默认状态？如[图1]当我们选择接触一个条件时，如[图2]此时，点击重置按钮，将[图2]的状态返回到[图...
bootstrap中input框清除按钮
07-11
bootstrap input 框 清除 小插件、很简单的一个小的js，引入即可。省时省力。
bootstrap页面重置按钮，清除下拉框中的内容
weixin_30583563的博客
12-18 765
//重置按钮重置下拉框 $("#searchReset").click(function(){ document.getElementById("cpCode").options.selectedIndex = 0; //回到初始状态 $("#cpCode").selectpicker('refresh');//对下拉框进行重置刷新 }); 直接上...
bootstrap-fileinput组件在完成上传后清空输入框的方法
zw_main的博客
01-17 1634
使用bootstrap-fileinput上传组件，在上传文件后，发现没有提供方法可以清空文件选择框，form reset也不行，在网上查了半天也没有找到相关的资料，想到一个变通的方法，就是模拟点击文件选择框的移除按钮，该按钮在选择文件后会出现，并且带有样式fileinput-remove-button，所以可以在表单提交后调用$(".fileinput-remove-button").click...
html5输入框内部右侧,bootstrap实现input输入框内部的右侧清空按钮
weixin_39836536的博客
05-31 816
当鼠标悬浮在input上时显示出Xrequired="required"name="code"placeholder="请输入内容">style="pointer-events: auto;"onclick="$('#codeType').val('')">然后通过css去控制他的颜色，因为我们用的bootstrap字体图标也就是color.input-clear-a {color: ...
jQuery清空复选框，下拉框，输入框
weixin_33724059的博客
10-30 419
在做前端页面是有时需要清空或者更改一些input输入框，select下拉框，checkbox复选框，还有普通div，span包裹的值，特别是使用ajax的时候，更需要这些 清空id为静态aaa的 input输入框 $("#aaa").val(“ ”);//重新赋值就是在val里填入你想赋的值 清空id为动态aaa的input输入框 $("#"+aaa).val(amounts);//这个aaa...
第五模块：WEB开发基础-第8章 Jquery开发&BootStrap
qq_36993243的博客
03-15 276
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、jQuery1.知识点介绍2.基础核心使用3.入口函数4.如何处理多个库$冲突问题二、选择器1.基础和层级选择器2.过滤选择器和属性选择器三、dom操作1.dom操作之插入节点2.dom操作之删除节点3.dom操作之克隆节点4.dom操作之替换节点和包裹节点5.属性操作二、
jQuery
weixin_45756606的博客
06-29 571
​ JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。​ 常见的JavaScript 库：jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等，这些库都是对原生 JavaScript 的封装，内部都是用 JavaScript 实现的，我们主要学习的是 jQuery。​ jQuery总体概况如下 :jQu
jquery+bootstrap select 清空选中值
m0_37312185的博客
11-09 646
【代码】jquery+bootstrap select 清空选中值。
实现输入框自带清除按钮
chelen_jak的专栏
11-29 2364
原文出处：https://blog.csdn.net/qq_26780317/article/details/79002409 最近，项目中需要，在输入框获取焦点是动态显示“×”图标。即在输入框中输入内容时，右边显示“×”按钮；输入框为空时，“×”按钮消失。难点在于获取焦点的同时，获取输入内容。注意：本例子的样式基于bootstrap.css和jquery，不再单独添加样式。 1.html部分...
怎么实现下拉框多选显示在文本框内且能删除，如图
2301_76396772的博客
02-04 126
https://lym6520.iteye.com/blog/309937
bootstrap-select清除选中的数据，回到默认初始状态
g_blue_wind的博客
03-20 2341
转自：https://blog.csdn.net/qq_38236927/article/details/81109552 $('#applyStatus').selectpicker('val',['noneSelectedText'])//回到初始状态 $("#applyStatus").selectpicker('refresh');//刷新
element select下拉框回显option中没有的值
最新发布
Liuliu_x的博客
11-28 2327
记录下今天碰到的问题，问题是这样的，有个select下拉框的数据源option依赖于一组数据，然后这组数据可以进行禁用/启用操作，启用之后才能在select框中进行选择。好，问题来了，用户先在下拉框中选了一个值A（{value：20，label: A}），然后又跑去禁用这个数据A，搞得我option中丢掉了这组数据，但是在编辑的时候后端给我返回了之前A对应的值1，然后由于option中没有这个映射关系，我的下拉框就变成了一个孤零零的数字回显在上面，如下图。记录一下自己的遇到的问题，如有不对，欢迎指正！
bootstrap input 框 清除 小插件
Durian大圣
07-11 5677
效果 点击input框后的小× 清除input框内容 在input框中加入 data-pure-clear-button  <input type="text" data-pure-clear-button class="form-control input-sm" id="companyname" name="companyname"placeholder="选择企业"&gt
bootstrap input 搜索框清空
doutao6677的专栏
09-02 1万+
div class="has-feedback">   label class="text-info" for="addressId">输入地址label>  input class="form-control"id="addressId" name="address">     a class="glyphicon glyphicon-remove btn fo
如何实现input输入框自带清除按钮
热门推荐
qq_26780317的博客
01-08 4万+
最近，项目中需要，在输入框获取焦点是动态显示“×”图标。即在输入框中输入内容时，右边显示“×”按钮；输入框为空时，“×”按钮消失。难点在于获取焦点的同时，获取输入内容。注意：本例子的样式基于bootstrap.css和jquery，不再单独添加样式。1.html部分，将button和input框放入同一个div中，清除按钮可以使用图片或fonts图标，我使用的是bootstrap中button样式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值