如何将div元素实现为单选按钮？

本文共计107个文字，预计阅读时间需要1分钟。

实现单选功能，为容器内的元素添加点击事件，当点击具有redBorder类的元素时，移除该类；否则，移除所有元素的redBorder类并添加到当前点击的元素上。代码如下：

javascript$(document).ready(function(){ $(.container).on(click, function(){ if ($(this).hasClass(redBorder)) { $(this).removeClass(redBorder); } else { $(.container).each(function(){ $(this).removeClass(redBorder); }); $(this).addClass(redBorder); } });});

实现单选

$(".container").on("click",this,function () { if($(this).hasClass("redBorder")){ $(this).removeClass("redBorder"); } else{ $(".container").each(function () { $(this).removeClass("redBorder"); }) $(this).addClass("redBorder"); } })