当前位置: 首页 > news >正文

点击复选框添加或删除value值到input输入框中

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

点击复选框添加或删除value值到input输入框中


使用js实现勾选复选框,添加复选框的内容到文本框,去掉勾选,删除文本框中相应的内容。

jsp:

<input type="text" id="jsrtxt" class="tip" />

<label><input type="checkbox" name="aaa" value="1"/>复选1</label>
<label><input type="checkbox" name="aaa" value="1"/>复选2</label>
<label><input type="checkbox" name="aaa" value="1"/>复选3</label>



js:

$("input[type=checkbox]").click(function () {
            if ($(this).attr("checked")) {
                     $("#jsrtxt").val($("#jsrtxt").val() + $(this).parent().text() + ";");
             } else {
                     $("#jsrtxt").val($("#jsrtxt").val().replace($(this).parent().text() + ';', ""));
             }
 });


             

转载于:https://my.oschina.net/u/1450300/blog/600553

相关文章:

  • Android Property Animation属性动画:rotation旋转(2)
  • linux上很方便的上传下载文件工具rz和sz使用介绍
  • 2016.1.13 随笔
  • JMeter基础之一 一个简单的性能测试
  • [Java开发之路](14)反射机制
  • MDEV Primer
  • 闹心的变量
  • [转载]项目风险管理七种武器-碧玉刀
  • 会声会影简易相册制作教程
  • Spark学习之基于MLlib的机器学习
  • zabbix在centos6下的编译安装
  • C语言 百炼成钢1
  • 【Linux】环境变量设置
  • Apache安装教程
  • 数众数
  • JavaScript-如何实现克隆(clone)函数
  • -------------------- 第二讲-------- 第一节------在此给出链表的基本操作
  • 230. Kth Smallest Element in a BST
  • Android开源项目规范总结
  • electron原来这么简单----打包你的react、VUE桌面应用程序
  • Git 使用集
  • hadoop入门学习教程--DKHadoop完整安装步骤
  • input实现文字超出省略号功能
  • jQuery(一)
  • js ES6 求数组的交集,并集,还有差集
  • Mocha测试初探
  • Python 反序列化安全问题(二)
  • SQLServer之索引简介
  • Webpack 4 学习01(基础配置)
  • 聚类分析——Kmeans
  • 世界编程语言排行榜2008年06月(ActionScript 挺进20强)
  • 数据库写操作弃用“SELECT ... FOR UPDATE”解决方案
  • 体验javascript之美-第五课 匿名函数自执行和闭包是一回事儿吗?
  • 用mpvue开发微信小程序
  • Java总结 - String - 这篇请使劲喷我
  • ​ 全球云科技基础设施:亚马逊云科技的海外服务器网络如何演进
  • # 深度解析 Socket 与 WebSocket:原理、区别与应用
  • (笔试题)合法字符串
  • (附源码)springboot高校宿舍交电费系统 毕业设计031552
  • (九十四)函数和二维数组
  • (一)硬件制作--从零开始自制linux掌上电脑(F1C200S) <嵌入式项目>
  • (原创)攻击方式学习之(4) - 拒绝服务(DOS/DDOS/DRDOS)
  • (转)PlayerPrefs在Windows下存到哪里去了?
  • ****** 二 ******、软设笔记【数据结构】-KMP算法、树、二叉树
  • *p++,*(p++),*++p,(*p)++区别?
  • .dat文件写入byte类型数组_用Python从Abaqus导出txt、dat数据
  • .MSSQLSERVER 导入导出 命令集--堪称经典,值得借鉴!
  • .NET CF命令行调试器MDbg入门(一)
  • .NET Core实战项目之CMS 第十二章 开发篇-Dapper封装CURD及仓储代码生成器实现
  • .net 按比例显示图片的缩略图
  • .Net 中的反射(动态创建类型实例) - Part.4(转自http://www.tracefact.net/CLR-and-Framework/Reflection-Part4.aspx)...
  • .net程序集学习心得
  • .net分布式压力测试工具(Beetle.DT)
  • .Net中的集合
  • @DateTimeFormat 和 @JsonFormat 注解详解