Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Po stronie przeglądarki _ [JS] problem z .append

Napisany przez: blokern 11.03.2021, 14:18:06

  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?

Napisany przez: viking 11.03.2021, 14:33:14

https://prophp.pl/article/28/propagacja_i_delegacja_zdarzen_w_javascript
Dobrze rozumiesz.

Napisany przez: trueblue 11.03.2021, 15:04:31

W jakim celu ustawiasz atrybut data-option dla checkboxów?

Napisany przez: blokern 11.03.2021, 20:37:46

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

Napisany przez: trueblue 11.03.2021, 21:32:45

Nadal nie wiem w jakim celu stosujesz ten atrybut. Checkbox natywnie ma atrybut value i jego można wykorzystać.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)