jquery - Javascript change multiple element style on click -

-

consider following images, lets user guess win sports match

enter image description here

enter image description here

im trying following:

  • change style (text color) of selected teams black, inorder user see selected before pressing submit

    while($fixtures> $upcoming){  //radio buttons select team <input type="radio" id="'.$x.'"onclick="teams()" name="picks['.$x.']" value="'.$row['team1'].'"/>  <input type="radio" onclick="teams()" name="picks['.$x.']" value="'.$row['team2'].'"/> <input type="radio" onclick="teams()" name="picks['.$x.']" value="draw" />     echo'<b>by</b>';         echo'<select name="score[]" id="score[]">';             echo'<option value="0">0</option>';             echo'<option value="1">1</option>';             echo'<option value="2">2</option>';             echo'<option value="3">3</option>';             echo'<option value="4">4</option>';             echo'<option value="5">5</option>';              echo'</select>';                 echo'<b>points</b>';    echo' </div>  // team names displayed, needs change style onclick echo'<div id="disppicks">';     foreach($dispteam1 $key => $team1){         echo '<p class="team1">';         echo $team1;         echo'</p>';         echo ' vs ' ;         echo'<p class="team2">';         echo $dispteam2[$key];         echo'</p>';     } echo'</div>';

    i tried write following javascript

      var elements = document.getelementbyid("makepicks").elements;     var len = elements.length;     var team=[]     for(x=0; x<len; x++){       if(elements[x].type == "radio" && elements[x].checked== true)       {         team[x] = t1[x].value; //the value of team[x] selected team        }

my problem

team[x] has selected team im stuck...and cant figure out how change team names style...from here.

things consider:

  • the teams/fixtures dynamically pulled database , generated in php loop
    • every round have different number of fixtures

so should doing this. add same class clickable teams, class="team". in css add this

.selected{    background-color:#fff; }

now using jquery this,

$('.team').click(function(){    $(this).toggleclass('selected'); })

Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more