多标签选一并改变它的样式并赋值另一个标签jq实现
前端  /  管理员 发布于 4年前   397
<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>
效果图:
博主 在
hyperf框架常用命令-在centos7中退出命令及在docker容器中退出命令中评论 @路过的靓仔:cdn静态资源被墙,已修复..GGGGGGGGG 在
layui框架常用输入框介绍中评论 写的很好解决问题..路过的靓仔 在
hyperf框架常用命令-在centos7中退出命令及在docker容器中退出命令中评论 剩下好多 wait 状态的..激光豆芽 在
为什么你不能安逸?国内996为什么没有国外955香?中评论 国内现在无意义的内卷太多了..激光豆芽 在
阿里云香港服务器搭建自用vpn:Shadowsocks使用流程步骤中评论 厉害了..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号