单选/复选框单选

单选/复选框单选

单选操作.gif

html

css

.div-radio{ position: relative; line-height: 30px;}input[type="radio"] { width: 20px; height: 20px; opacity: 0;}label { position: absolute; left: 5px; top: 3px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #999; 　　　　　　　cursor: pointer;}/*设置选中的input的样式*//* + 是兄弟选择器,获取选中后的label元素*/input:checked+label { background-color: #fe6d32; border: 1px solid #fe6d32;}/*添加的加号与label进行拼接(一个矩形边框去掉上和左的边框),再旋转45度*/input:checked+label::after { position: absolute; content: ""; width: 5px; height: 10px; top: 3px; left: 6px; border: 2px solid #fff; border-top: none; border-left: none; transform: rotate(45deg)}

js

//获取自己店铺的id getShopId1(e): void{ //$('input[type=radio][name="store"]:checked').prop("checked", false); let dom = $(e.target); let domN = dom.attr('id'); $('#domN').prop('checked') //$('#domN').add('checked',true); this.register_id = Number(domN); }

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。