多标签选一并改变它的样式并赋值另一个标签jq实现
管理员 发布于 6年前 348
<div style="padding: 20px;">
<span style="font-weight: bold;">选择目标：</span>
<div class="layui-input-block" style="margin: 30px 20px;">
<p id="szmb">
<span zhi="0" style="padding: 5px 1px;border: 1px solid #FF8711;color: #FF8711;width: 28%;display: -webkit-inline-box;">不设目标</span>
<span zhi="50" style="padding: 5px 1px;border: 1px solid #B7B7B7;color: #B7B7B7;width: 18%;display: -webkit-inline-box;">50(本)</span>
<span zhi="100" style="padding: 5px 1px;border: 1px solid #B7B7B7;color: #B7B7B7;width: 22%;display: -webkit-inline-box;">100(本)</span>
<span zhi="200" style="padding: 5px 1px;border: 1px solid #B7B7B7;color: #B7B7B7;width: 22%;display: -webkit-inline-box;">200(本)</span>
</p>
<input id="mubiao" type="text" name="mubiao" placeholder="自订目标" style="padding: 12px 20px;border: 1px solid #E6E5E3;color: #FF8711;width: 100%;margin-top: 15px;">
</div>
</div>
<script type="text/javascript">
$("#szmb span").click(function(){
var o = $(this);
//alert(o.attr("id"));
$(this).css('border','1px solid #FF8711').css('color','#FF8711').siblings().css('border','1px solid #B7B7B7').css('color','#B7B7B7');
$("#mubiao").attr('value',o.attr("zhi"));
});
</script>效果图：
请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！
该博客于2020-12-7日，后端基于go语言的beego框架开发
前端页面使用Bootstrap可视化布局系统自动生成
是我仿的原来我的TP5框架写的博客，比较粗糙，底下是入口
侯体宗的博客
文章标签
- test 三种扣减库存方案 Hyperf2.1启动报错端口占用 上外网神器Ghelper 上外网神器集装箱 laravel中HMVC模式 Hyperf框架验证器 Hyperf自定义函数编写 Hyperf对象转成数组 PHP2021面试题集 centos7系统上挂载 Hyperf框架 秒杀系统的设计 Laravel Octane PHP数组底层实现原理 php7垃圾回收机制 Laravel中类型转换 mysql事务特征及隔离级别 Linux-awk命令 mysql编码 JWT源码实现 Laravel内核分析 Laravel中的用法 centos7+go环境+beego框架 go+beego框架开发博客 go+beego开发博客首页 go+beego自定义公共函数 beego注册_登录_查询 beego控制器创建 Beego框架安装 go语言环境安装 laravel+Elasticsearc laravel运行原理 windows7搭建Vuejs环境 Laravel分块 laravel去重(distinct() laravel集合 laravel+mysql读写分离 laravel5+复杂原生sql laravel+MissMyCat/al lnmp sessio laravel自定义数组分页 laravel中.env配置 laravel8队列发邮件 码云仓库常用操作 laravel8配置163SMTP laravel8配置全局函数 laravel/jetstream之认证 laravel/jetstream
友情链接
