title: removing pseudo element ::after using jQuery
body: <p>I want to know is there a way to remove the pseudo ::after. I cant show in code but I have image to explain. </p>
  
  <p><a href="https://i.stack.imgur.com/5d7Ly.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5d7Ly.png" alt="image1"></a></p>
  
  <p>When selecting a checkbox from <code>::before</code> a <code>::after</code> will be added now What I want is when selecting another checkbox the other checkbox will lose <code>::after</code> and will be back to <code>::before</code></p>
  
  <p><a href="https://i.stack.imgur.com/GTAfN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GTAfN.png" alt="iamge2"></a></p>
  
  <p>What I tried is </p>
  
  <p><code>$('.ckbox label').not(this).removeAttr('::after');</code></p>
  
  <p>But it is not removing the <code>::after</code> I can say that it is not removing because the style is still there</p>