• 0

JQuery REMOVE CLASS's STARTING...


Question

Hi guys i'm prob going about this the wrong way but this is what i have so far

 

The HTML

<div class="example">
    						<input type="radio" value="border-0" name="Border" id="text1" checked="checked"/>
    						No Border
    					</div>
    					
    					<div class="border-1 example">
   						<input type="radio" value="border-1" name="Border" id="text2" />
   						Single Line
   					</div>
   					
					<div class="border-2 example">
   						<input type="radio" value="border-2" name="Border" id="text3" />	
   						Double Line
   					</div>
   					
   					<div class="border-3 example">
   						<input type="radio" value="border-3" name="Border" id="text4" />
   						3D Line
   					</div>
   					

              <div class="font-1 example">
                            <input type="radio" value="font-1" name="Font" id="text1" checked="checked"/>
                            Normal Font
                        </div>
                        
                        <div class="font-2 example">
                           <input type="radio" value="font-2" name="Font" id="text2" />
                           Font 2
                       </div>
                       
                    <div class="font-3 example">
                           <input type="radio" value="font-3" name="Font" id="text3" />
                           Font 3
                       </div>
                       
                       <div class="font-4 example">
                           <input type="radio" value="font-4" name="Font" id="text4" />
                        Font 4
                       </div>
<span id="regdisplay" class="">HELLO</span>

The JS

$(function() {
  $('[name=Border]').click(function() {   
  	var classy = $(this).val();      
   $('#regdisplay').removeClass();
    if($(this).is(':checked'))  {
        $('#regdisplay').addClass(classy);
   }
 });
});

$(function() {
  $('[name=Font]').click(function() {   
  	var fonty = $(this).val();      
    $('#regdisplay').removeClass();
    if($(this).is(':checked'))  {
        $('#regdisplay').addClass(fonty);
   }
 });
});

The problem i have is once you selected the border and it has been applied to #regdisplay you then select a font but it will removeClass for the border.

 

What i was thinking was removeClass(border-????) or removeClass(font-????) but not shore how or maybe i'm going about this all wrong.

 

so help please.

 

P.S. Please excuse the formatting.

Link to comment
https://www.neowin.net/forum/topic/1165723-jquery-remove-classs-starting/
Share on other sites

1 answer to this question

Recommended Posts

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Of course the sales are bad. Who even asked for a thinner phone with way less battery? Lightness? It's still a giant brick, it's just a thinner giant brick. It makes no sense at all. Making folding phones thinner, now that does make sense. Because when folded, the thinner it is unfolded, the more usable and pocketable it is when folded. You already expect worse battery at expense of actually being more pocketable. Galaxy Flip, when folded is half the size of S Ultra models and about as thick. That does make a big difference when fitting it in a pocket. But the phone that's as big as Ultra, making it thinner, you don't really solve anything, it's still a giant slab that barely fits into a pocket. All the "Mini" phones made way more sense than this thin crap. Especially now that it's literally impossible to find a phone smaller than 6.5". My dad only needs phone for calls and SMS and he doesn't want to go with smartphone because they are all so massive. Especially cheaper ones. Like, he'd be fine with Galaxy A06 for all he cares in terms of hardware, but it only comes in giant 6.7" format. It's useless. Or is he suppose to find a 800€ old gen iPhone Mini or Zenfone? He doesn't even need those stupid specs and such stupid price. And then you see old people fumbling around with giant smartphones and they don't even need 3/4 of features on them.
    • its funny now instead of robots built for a specific task which is more efficient we are focused on humanoid robots that are built for do anything but might not do it as well because of restrictions similar to how human body works and they were molded after...
    • 3,900 mAh. When compared to the S25 Ultra (5,000), the S25+ (4,900) and the S25 (4,000), it has the worst battery of them all, all because of that slim size. Everything comes with sacrifices.
  • Recent Achievements

    • First Post
      emptyother earned a badge
      First Post
    • Week One Done
      Crunchy6 earned a badge
      Week One Done
    • One Month Later
      KynanSEIT earned a badge
      One Month Later
    • One Month Later
      gowtham07 earned a badge
      One Month Later
    • Collaborator
      lethalman went up a rank
      Collaborator
  • Popular Contributors

    1. 1
      +primortal
      669
    2. 2
      ATLien_0
      271
    3. 3
      Michael Scrip
      218
    4. 4
      +FloatingFatMan
      164
    5. 5
      Steven P.
      163
  • Tell a friend

    Love Neowin? Tell a friend!