選中單選按鈕時選div

Question

如何在jquery中創建addclass和removeclass？我只是想創建一個活躍的類名下單選按鈕單選按鈕？我附上了一些例子下面的圖片。

Answer 1

這將active類添加到含DIV，並從它周圍的所有其他的DIV將其刪除。

$(":radio").click(function() { 
 
    $(this).closest("div").addClass("active"). 
 
    siblings("div.active").removeClass("active"); 
 
});

.active { 
 
    background-color: hotpink; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <input type="radio" name="radio">Button 1</div> 
 
<div> 
 
    <input type="radio" name="radio">Button 2</div> 
 
<div> 
 
    <input type="radio" name="radio">Button 3</div>