博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
点击复选框添加或删除value值到input输入框中
阅读量:6113 次
发布时间:2019-06-21

本文共 608 字,大约阅读时间需要 2 分钟。

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

你可能感兴趣的文章
分布式事务,EventBus 解决方案:CAP【中文文档】
查看>>
Linux下的CPU性能瓶颈分析案例
查看>>
spring mvc入门
查看>>
2012在数据库技术会议上的讲话PPT打包
查看>>
【Android】 TextView设置个别字体样式
查看>>
python svn
查看>>
raise语句
查看>>
sequence2(高精度dp)
查看>>
ABP实战--集成Ladp/AD认证
查看>>
存储过程
查看>>
phpcms v9栏目列表调用每一篇文章内容方法
查看>>
python 自定义信号处理器
查看>>
luov之SMTP报错详解
查看>>
软件概要设计做什么,怎么做
查看>>
dwr
查看>>
java的特殊符号
查看>>
word2010中去掉红色波浪线的方法
查看>>
fabric上下文管理器(context mangers)
查看>>
JQuery-EasyUI Datagrid数据行鼠标悬停/离开事件(onMouseOver/onMouseOut)
查看>>
并发和并行的区别
查看>>