[jQuery] Radio checked checkbox

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Starter/junior Magento developer gezocht!

Functie Je komt te werken in een zelfsturend team waarin vertrouwen voorop staat en inbreng en ideeën worden gewaardeerd. Ook staat innovatie centraal. Ze bieden jou de mogelijkheid om jezelf door te ontwikkelen. Denk hierbij aan cursussen en een persoonlijk ontwikkelplan. Je komt terecht in het team van momenteel 4 (ervaren) collega’s en zal meewerken aan de doorontwikkeling en nieuwbouw van de Magento platformen van meerdere opdrachtgevers volgens Agile/Scrum. Denk hierbij aan nieuwe functionaliteiten, UX en koppelingen met verschillende back-end systemen. Als starter/junior developer zul je direct begeleid worden door een senior uit het team. Het is van belang dat

Bekijk vacature »

Senior front-end developer (React)

Functie Momenteel zijn ze op zoek naar een ervaren front-end developer. Als senior werk je nauw samen met 5 collega developers. Een klein scrum team dus, met korte lijnen waardoor jouw ideeën snel tot uitvoering gebracht kunnen worden. De huidige applicaties worden veelal ontwikkeld met o.a. React, Redux, TypeScript. Ze zijn echt op zoek naar een kartrekker in het team. Naast het meedenken over, opzetten en uitvoeren van bijvoorbeeld de architectuur of toepassing van nieuwe technieken krijg je ook veel tijd om de meer junior (front-end) developers te begeleiden. Hierin nemen ze graag de tijd om mensen de ruimte te

Bekijk vacature »

Back end developer Python, PHP

Functie Jij als full stack ontwikkelaar zult komen te werken samen met 1 PHP ontwikkelaar een PO en een flexibele schil aan ontwikkelaars . Samen ga je ervoor zorgen dat de huidige producten doorontwikkeld worden. De marketplace is geschreven in PHP Laravel en in de front end React. De roostersoftware is ontwikkeld in Python in combinatie met React in de front end. Jij zult voornamelijk (lees 75%) werken aan de roostersoftware. Momenteel ligt de uitdaging in het feit dat de roostersoftware breder schaalbaar moet worden zodat het voor meerdere flexwerkers ingezet kan worden. Verder willen ze financiële koppelingen gaan maken

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Laravel / PHP developer

Functie omschrijving Wij zijn op zoek naar een Medior PHP / Laravel Developer voor een IT-consultancy in de omgeving van Hoofddorp! Ben jij op zoek naar een leuke nieuwe uitdaging binnen een veelzijdige werkomgeving? Lees dan snel verder! Binnen dit bedrijf werk je in een ontwikkelteam, waarin je zeer betrokken bent en meedenkt over softwareoplossingen. Binnen dit Team hou je je bezig met het aanpassen, verbeteren en vernieuwen van de logistieke oplossingen. Je zult je bezig houden met de volgende werkzaamheden: Je gaat aan de hand van de wensen van klanten software ontwikkelen; Je bent bij het gehele proces betrokken;

Bekijk vacature »

Senior PHP developer met ambities tot Software Arc

Functie Momenteel zijn ze op zoek naar een ervaren PHP developer die zichzelf graag bezighoudt met zaken als architectuur en de algehele verbetering van structuren en standaarden. Het is eigenlijk meer operationeel als uitvoerend omdat je bezig gaat met zaken als het verder uitrollen en verbeteren van testautomatisering, codereviews, tickets en de doorloop hiervan en architectuurkeuzes. Mocht je hiernaast ook wat DevOps kennis meenemen is dit mooi meegenomen! Vanwege het kleine team maar de wereldwijde impact die zij leveren is er veel focus op kwaliteit. In deze functie werk je aan één van hun belangrijkste applicaties. Hierin werk je nauw

Bekijk vacature »

Medior/Senior Front-end Developers gezocht (Utrech

Functie Het team bestaat uit 10+ gespecialiseerde (veel senior) front-end ontwikkelaars en ontwerpers die werken aan projecten voor klanten van verschillende groottes (kan twee jaar bezig zijn met 1 klant). Je helpt klanten met ingewikkelde front-end vraagstukken, hierbij kun je denken aan: UX/UI design, CI/CD, architectuur en integratie met back-end systemen. De werkzaamheden verricht je op locatie bij de klant, dit is vaak in de Randstad. De organisatiestructuur is plat en er heerst een informele sfeer, zo kun je met vragen dus terecht bij de directie. Er wordt veel nadruk gelegd op het bevorderen van persoonlijke ontwikkeling door middel van

Bekijk vacature »

Back end developer Digital Agency

Functie Wij zijn van origine een wordpress bureau, maar sinds 2006 zijn wij dit wel redelijk ontgroeid. Naar mate de jaren verstreken zijn we gegroeid in omvang, maar ook in de complexiteit van opdrachten waarin wij onze klanten kunnen bedienen. Momenteel bestaat onze organisatie uit 4 front end developers, 12 back end developer 3 projectmanagers en een 2 koppig management. Wij zijn een hele informele, bijna familiaire organisatie. Geen strak pak of overhemd, nee gewoon dragen waar jij je prettig bij voelt. De gemiddelde leeftijd ligt tussen de 25 en 30 en wij doen er veel aan om onze hechte

Bekijk vacature »

Junior .NET developer

Functie Ons programma is voor afgestudeerde enthousiastelingen die het als een uitdaging zien om met een klein dynamisch team bij de grootste bedrijven van Nederland aan de slag te gaan. Tijdens jouw dienstverband word jij begeleid door een talent manager. Het ontwikkelen van jouw talent staat hierbij centraal. Het programma doorloop je met een team van circa 8 Mede- trainees. De eerste maand start je met een fulltime inhouse opleiding. Deze staat geheel in het teken van de werkzaamheden die jij verder in het programma zult uitvoeren. Na deze opleidingsmaand ga je aan de slag in een dynamische omgeving bij

Bekijk vacature »

Medior PHP Developer

Functie omschrijving We are looking for a dutch native speaker Wil jij als developer werken bij een interne organisatie en de eigen software verder helpen ontwikkelen? Lees dan snel verder! In deze functie ga je werken als PHP Developer en de interne software en applicaties verder ontwikkelen. In het kort houdt dit in: Je gaat de interne applicaties en software verder optimaliseren. Verder bouw je verschillende API's en koppelingen tussen systemen. Je gaat het CRM-systeem door middel van PHP verder ontwikkelen. Ook ga je collega's ondersteunen bij vragen over de software en applicaties. Bedrijfsprofiel Dit bedrijf is actief in het

Bekijk vacature »

Software developer

Functieomschrijving Voor een gewaardeerde werkgever in de regio van Middelburg zijn wij op zoek naar een ambitieuze PHP/Symfony Developer. Een enthousiast persoon die het development team komt versterken met het aanpakken van complexe en nieuwe projecten. Ben jij op zoek naar een baan met veel uitdaging binnen een snelgroeiend e-commerce bedrijf, waar je de tijd en ruimte krijgt voor zowel persoonlijke als professionele groei? Lees dan snel verder! Dit ga je doen: Aanpassingssuggesties van collega’s in kaart brengen, vervolgens te analyseren en daarna te concluderen of de aanpassing een verbetering is; Ontwikkeling en beheer van de serviceportal in Symfony en

Bekijk vacature »

.NET developer

Functie Jouw team van vier collega .NET developers is verantwoordelijk voor het bouwen van de ETL processen van jouw nieuwe werkgever. Op dit moment wordt de front-end gedaan door een extern team van professionals. Echter wilt jouw nieuwe werkgever graag intern deze kennis uitbreiden en heeft dan ook de ambitie om dit voor het eind van het jaar intern te gaan aanpakken. Dit betekend dat jij als .NET ontwikkelaar de ideale kans krijgt om jezelf samen met jouw collega’s te ontwikkelen als full stack developer. Als .NET ontwikkelaar werk jij bij deze gave werkgever met C# .NET, SQL, JavaScript, REST

Bekijk vacature »

Backend Developer PHP Laravel SaaS

Dit ga je doen Het ontwikkelen van nieuwe features die bijdragen aan de groei van de klanten van de organisatie; Je denkt mee over nieuwe innovaties, features en verbeteringen in de applicatiearchitectuur; Je draagt bij aan de continue ontwikkeling van jouw team doordat je elke dag streeft naar het verbeteren van jouw eigen prestaties; Je neemt actief deel aan Scrum meetings en de Backend Guild. Hier ga je werken Voor een snel groeiend bedrijf, in de regio Nieuw Vennep, zijn wij opzoek naar een ervaren Backend Developer. De organisatie is actief in de e-commercebranche en ontzorgt haar klanten middels een

Bekijk vacature »

.Net Front-end Ontwikkelaar

Wij zoeken een .Net Front-end Ontwikkelaar! Omschrijving Kun jij snel schakelen en ben je stressbestendig? Dan zoeken wij jou! Als .Net Front-end Ontwikkelaar help je mee aan de webapplicatie die over de hele wereld door allerlei bedrijven wordt gebruikt. Je werkt daarnaast mee aan nieuwe en verbeterde functionaliteiten en helpt met het oplossen van bugs. Over de opdrachtgever Je komt te werken in een ambitieus team dat zich blijft ontwikkelen. Dit is alle informatie die we nu kunnen delen over de werkplek. Als jij de .Net Front-end Ontwikkelaar bent voor deze job, vertellen we je snel nóg meer. Eisen Heb

Bekijk vacature »

Medior/Senior Software Developers gezocht in de Ra

Functie Op dit moment staan er posities open voor de volgende functies: Front-end, Back-End & Fullstack software developer. Als Front-End software developer werk je met JavaScript en de bijbehorende technologieën zoals TypeScript, Angular, React, Vue en Svelte. Als Back-End software developer ben je bezig in NodeJS en doe je dit met behulp van AWS, NoSQL, REST en GraphQL. Je krijgt leuke en uitdagende opdrachten met een gemiddelde duur van anderhalf jaar. Hier werk je in een team met andere IT’ers aan het ontwikkelen en verbeteren van software. Je wordt begeleid door een accountmanager die fungeert als jouw aanspreekpunt. Het team

Bekijk vacature »
John Cena

John Cena

17/07/2012 09:41:23
Quote Anchor link
Ladies 'n Gentlemen,

Ik heb dus een checkbox en wat radiobuttons.

Als 1 der radiobuttons gechecked wordt wil ik dat de checkbox gevinkt wordt.
Dat werkt nu, maar pas als ik de 2de keer erop druk.

Radio:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<td colspan="2">
              <input type="radio" value ="3xWeek" name="frequency" class="frequency"/>3x per week
              <input type="radio" value ="2xWeek" name="frequency" class="frequency"/>2x per week
              <input type="radio" value ="1xWeek" name="frequency" class="frequency"/>1x per week
              <input type="radio" value ="2xMonth" name="frequency" class="frequency"/>2x per maand
              <input type="radio" value ="1xMonth" name="frequency" class="frequency"/>1x per maand
          </td>


jQuery:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<script type="text/javascript">
    $('.frequency').click(function() {
          $('#checkBox').attr('checked', true);
  
    });
    
</script>
 
PHP hulp

PHP hulp

25/11/2024 10:31:47
 
Kris Peeters

Kris Peeters

17/07/2012 10:15:50
Quote Anchor link
Dat werkt toch.

Juist nog wrappen in document.ready
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset=utf-8>
    <title>HTML5 Demo: Drag and drop</title>
  </head>
  <body>
    <input type="checkbox" id="checkBox">
    <hr>
    <input type="radio" value ="3xWeek" name="frequency" class="frequency"/>3x per week
    <input type="radio" value ="2xWeek" name="frequency" class="frequency"/>2x per week
    <input type="radio" value ="1xWeek" name="frequency" class="frequency"/>1x per week
    <input type="radio" value ="2xMonth" name="frequency" class="frequency"/>2x per maand
    <input type="radio" value ="1xMonth" name="frequency" class="frequency"/>1x per maand
          
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(document).ready(function($) {
        $('.frequency').click(function(e) {
          $('#checkBox').attr('checked', true);
        });
      });
    </script>
  </body>
</html>
Gewijzigd op 17/07/2012 10:16:21 door Kris Peeters
 
Reshad F

Reshad F

17/07/2012 10:18:56
Quote Anchor link
@kris wanneer je jquery onderaan staat dan hoefje geen (document).ready te gebruiken dit wordt alleen gebruikt om te wachten met het Javascript gedeelte totdat de DOM klaar is met laden. (dus alleen als je het boven in je header zou plaatsen )

@chi waarom pas bij 2e keer klikken? dat is toch heel gebruiksonvriendelijk?
 
John Cena

John Cena

17/07/2012 10:32:31
Quote Anchor link
Ja, WAAROM is het zo?

Ik wil juist bij de 1ste keer al dat het werkt!
 
Reshad F

Reshad F

17/07/2012 10:45:00
Quote Anchor link
verander is deze regel

$('.frequency').click(function() {

in dit

$('.frequency').click(function(e) {
 
Wouter J

Wouter J

17/07/2012 10:52:43
Quote Anchor link
Reshad dat maakt natuurlijk niks uit...

Deze code werkt gewoon: http://jsfiddle.net/6UujZ/

Offtopic:
Je bent toch geen formulier aan het opmaken met tabellen? Want dan moet je dat heel snel gaan veranderen
Gewijzigd op 17/07/2012 10:55:22 door Wouter J
 
John Cena

John Cena

17/07/2012 10:54:36
Quote Anchor link
Zoals Wouter zegt, dat werkt (helaas) niet :)
 
Kris Peeters

Kris Peeters

17/07/2012 11:16:49
Quote Anchor link
Wacht even...
is het dus de bedoeling dat de checkbox pas gechecked wordt vanaf dat de gebruiker twee keer op een radio geclickt heeft?

Dan kan je zoiets doen
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
      $(document).ready(function($) {
        var alreadyClicked = false;
        $('.frequency').click(function(e) {
          if (alreadyClicked == true) {
            $('#checkBox').attr('checked', true);
          }
          else {
            alreadyClicked = true;
          }
        });
      });


@Reshad: dit geeft ook direct een extra nut aan $(document).ready: een scope reserveren waarin je al je jQuery code afsluit
 
John Cena

John Cena

17/07/2012 11:22:52
Quote Anchor link
@WouterJ, ja dat doe ik wel.
@Kris, NEE juist niet!!! Dat gebeurt nu maar dat moet NIET!

Hoe kan het nu dat het op jsfiddle wel werkt (ook met jquery 1.3) en bij mij niet? Ik heb exact dezelfde code :(
 
Kris Peeters

Kris Peeters

17/07/2012 11:26:38
Quote Anchor link
Die code van mij eerste post werkt ook.
Het probleem dat je beschrijft, zie ik nergens; ik kan het niet reproduceren.
 
Erwin H

Erwin H

17/07/2012 11:27:19
Quote Anchor link
Tip: kleed je hele pagina eens uit tot je alleen de code hebt zoals die op fiddle staat. Werkt het dan wel bij jou? voeg dan 1 voor 1 de rest weer toe tot je iets toevoegt waardoor het niet meer goed werkt. Daar kan je dan verder mee (en eventueel hier plaatsen zodat iedereen kan meekijken naar waarom dat stuk dan het probleem geeft).
 
John Cena

John Cena

17/07/2012 11:29:07
Quote Anchor link
Bwah, groot bestand, vooruit dan maar.
 
Reshad F

Reshad F

17/07/2012 11:31:55
Quote Anchor link
of je plaatst het op pastebin.com!
 
John Cena

John Cena

17/07/2012 11:32:44
Quote Anchor link
Zit wat interne dingen in die ik helaas niet vrij kan geven, dus dat wordt hem zowieso niet. :)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.