Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] problem z .append
Forum PHP.pl > Forum > Po stronie przeglądarki
blokern
  1. <h1>Dodaj</h1>
  2. <div class="testowa">
  3. <input type="checkbox" data-option="0"> opcja 1<br>
  4. <input type="checkbox" data-option="0"> opcja 2<br>
  5. <br><br>
  6. </div>
  7. <div id="test">
  8. </div>


  1. $('input').change(function(){
  2. var sprawdz = $(this).attr("data-option");
  3. if(sprawdz==0){
  4. $('#test').text("click");
  5. $(this).attr("data-option","1");
  6. }else{
  7. $('#test').text("");
  8. $(this).attr("data-option","0");
  9. }
  10. });
  11. $('h1').click(function(){
  12. $(".testowa").append('<input type="checkbox" data-option="0"> opcja dodana<br>');
  13. });


dlaczego inputy dodane po nacisnieciu na h1 (append) nie są brane pod uwage przy tym?

  1. $('input').change(function()


dobrze rozumiem, ze po zaladowaniu sie strony elementy dodawane przez jquery w kod strony nie beda uwzgledniane przez funkcje?
viking
https://prophp.pl/article/28/propagacja_i_d...en_w_javascript
Dobrze rozumiesz.
trueblue
W jakim celu ustawiasz atrybut data-option dla checkboxów?
blokern
nie wiem czy kod dobry ale dziala

  1. function buttons() {
  2. $("#test").append('<input type="checkbox" class="ey" data-value="10">a<br>');
  3. $("#test").append('<input type="checkbox" class="ey" data-value="15">b<br>');
  4. $("#test").append('<input type="checkbox" class="ey" data-value="30">c<br>');
  5. };
  6. $(document).on({
  7. change: function() {
  8. if ($(this).is(':checked')) {
  9. console.log('ok');
  10. }else{
  11. console.log('no');
  12. }
  13. }
  14. }, '.ey');
  15. $(document).ready(function() {
  16. buttons();
  17. });


zostawiam jakby kogos mialo kiedys naprowadzic
trueblue
Nadal nie wiem w jakim celu stosujesz ten atrybut. Checkbox natywnie ma atrybut value i jego można wykorzystać.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.