JavaScript - multiple input selector

ZAJDAN

  • *****
  • 2 092
    • Zobrazit profil
    • E-mail
JavaScript - multiple input selector
« kdy: 16. 12. 2016, 11:13:15 »
Ahoj....
mám několik oblastí s checkboxy a potřebuju do konzole vypsat jejich stavy 'co je v nich checked'
dělám to takto:

Kód: [Vybrat]
$('input[name="area1"]:checked').each(function() {
console.log(this.value);
}
    );
     
$('input[name="area2"]:checked').each(function() {
console.log(this.value);
}
    );

$('input[name="area3"]:checked').each(function() {
console.log(this.value);
}
    );

$('input[name="area4"]:checked').each(function() {
console.log(this.value);
}
    );

lze ty oblasti nějak zřetězit do jednoho zápisu, abych pro každou nemusel psát console.log speciálně?
« Poslední změna: 16. 12. 2016, 11:34:29 od Petr Krčmář »
Vesele, vesele do továrny dělník běží...vesele, vesele do továrny jde. Vesele se usmívá když mu soustruh zazpívá...vesele, vesele do továrny jde. Vesele si poskočí když se soustruh roztočí ...vesele, vesele do továrny jde.


ZAJDAN

  • *****
  • 2 092
    • Zobrazit profil
    • E-mail
Re:JavaScript - console.log z několika checkbox oblastí
« Odpověď #1 kdy: 16. 12. 2016, 11:36:26 »
SOLVED:
Kód: [Vybrat]
$('input[name="area1"]:checked, input[name="area2"]:checked, input[name="area3"]:checked, input[name="area4"]:checked').each(function() {
console.log(this.value);
}
    );

puvodne jsem kazdou oblast wrapnul do uvozovek a proto mi to neslo....takze nyni jedny uvozovky wrapuji elementy odelene carkou
Vesele, vesele do továrny dělník běží...vesele, vesele do továrny jde. Vesele se usmívá když mu soustruh zazpívá...vesele, vesele do továrny jde. Vesele si poskočí když se soustruh roztočí ...vesele, vesele do továrny jde.

true

Re:JavaScript - multiple input selector
« Odpověď #2 kdy: 16. 12. 2016, 15:42:55 »
Toto je lepší:
Kód: [Vybrat]
console.log($(this).is(":checked"));

devnull

Re:JavaScript - multiple input selector
« Odpověď #3 kdy: 16. 12. 2016, 17:17:20 »
a co pouzit selector takto, abys nemusel vyjmenovavat vsechny inputy?

input[name^="area"]

https://api.jquery.com/attribute-starts-with-selector/

ZAJDAN

  • *****
  • 2 092
    • Zobrazit profil
    • E-mail
Re:JavaScript - multiple input selector
« Odpověď #4 kdy: 16. 12. 2016, 21:53:09 »
Diky hosi
Vesele, vesele do továrny dělník běží...vesele, vesele do továrny jde. Vesele se usmívá když mu soustruh zazpívá...vesele, vesele do továrny jde. Vesele si poskočí když se soustruh roztočí ...vesele, vesele do továrny jde.