html5 - CSS 通过点击javascript/jquery 更换div border 颜色?

问题描述

问 题

我想通过选择 radio 按钮更换对应的div border颜色为红色。 有没有高手指点一下？

HTML

<label ><div class="discount"><input type="radio" name="abc">2件999</div></label>
<label ><div class="discount"><input type="radio" name="abc">2件999</div></label>    

CSS

.discount{
border: 1px solid #cccccc;
padding:2px;
width:100%;
}

如截图

解决方案

https://jsfiddle.net/rtf6w78b/

需要 jQuery，es6 语法

$(":radio").on("change", e => {
    const $div = $(e.target).closest(".discount");
    console.log($div);
    $(".discount").removeClass("checked");
    $div.addClass("checked");
});

这篇关于html5 - CSS 通过点击javascript/jquery 更换div border 颜色?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！