Fórum Root.cz

Hlavní témata => Vývoj => Téma založeno: exkalibr 02. 11. 2019, 07:39:22

Název: Jak zkrátit kód v Jquery?
Přispěvatel: exkalibr 02. 11. 2019, 07:39:22

Html kód:

Kód: [Vybrat]

<input name="language" id="lang1" value="0" type="radio">
<label title="Czech">česky</label>
<input name="language" id="lang2" value="1" type="radio">
<label title="Polish">polsky</label>
<input name="language" id="lang3" value="2" type="radio">
<label title="German">německy</label>
<input name="language" id="lang4" value="3" type="radio">
<label title="French">francouzsky</label>
<input name="language" id="lang5" value="4" type="radio">
<label title="Spanish">španělsky</label>
<input name="language" id="lang6" value="5" type="radio">
<label title="English">anglicky</label>

To id nepoužívám k ničemu kromě definování hodnoty lang v JS:

Kód: [Vybrat]

  var lang = 0;
  if ($('#lang2').prop('checked'))
    lang = 1;  else
    if ($('#lang3').prop('checked'))
      lang = 2; else
      if ($('#lang4').prop('checked'))
        lang = 3; else
        if ($('#lang5').prop('checked'))
          lang = 4; else
          if ($('#lang6').prop('checked'))
            lang = 5;


Název: Re:Jak zkrátit kód v Jquery?
Přispěvatel: listoper 02. 11. 2019, 08:14:40

https://jsfiddle.net/ypz6kmcw/ (https://jsfiddle.net/ypz6kmcw/)

Název: Re:Jak zkrátit kód v Jquery?
Přispěvatel: tecka 02. 11. 2019, 08:21:05

Při nejmenším by tě mohlo napadnout, že je můžeš projít v cyklu.

Jinak se dá čarovat s tím selektorem.

Kód: [Vybrat]

$('input[name=language]:checked').val()

Název: Re:Jak zkrátit kód v Jquery?
Přispěvatel: exkalibr 02. 11. 2019, 08:42:28

Já jsem zapomněl zmínit, že ten JS se spouští po zmáčknutí tlačítka. Tedy přidělovat tam tu událost change není třeba.

Myslím, že toto by mělo fungovat:
console.log( $('input[name="language"]:checked').val() );
ale výsledek je undefined.

Název: Re:Jak zkrátit kód v Jquery?
Přispěvatel: exkalibr 02. 11. 2019, 08:50:33

Kód: [Vybrat]

$('#input_button').click(function () {
console.log( $('form') );
console.log( $("input") );
});
Vrací/vypisuje 2 prázdné objekty Jquery...

Název: Re:Jak zkrátit kód v Jquery?
Přispěvatel: listoper 02. 11. 2019, 09:31:46

https://jsfiddle.net/qwb6tmne/ (https://jsfiddle.net/qwb6tmne/)

Název: Re:Jak zkrátit kód v Jquery?
Přispěvatel: exkalibr 02. 11. 2019, 12:47:50

Chrome 49 funguje,
FF 49 nefunguje...

jquery 3.4.1

Název: Re:Jak zkrátit kód v Jquery?
Přispěvatel: exkalibr 02. 11. 2019, 13:01:52

Nefunguje, ale může to být tím, že jsem v Jquery dělal změny...

Název: Re:Jak zkrátit kód v Jquery?
Přispěvatel: Kit 02. 11. 2019, 17:16:33

Citace: exkalibr  02. 11. 2019, 13:01:52

Nefunguje, ale může to být tím, že jsem v Jquery dělal změny...

To byl docela blbý nápad.