Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JS] problem z .append
blokern
post 11.03.2021, 14:18:06
Post #1





Grupa: Zarejestrowani
Postów: 102
Pomógł: 0
Dołączył: 27.02.2008

Ostrzeżenie: (0%)
-----


  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?


--------------------
www.Opiekuj.pl
Go to the top of the page
+Quote Post
viking
post 11.03.2021, 14:33:14
Post #2





Grupa: Zarejestrowani
Postów: 6 068
Pomógł: 1044
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


https://prophp.pl/article/28/propagacja_i_d...en_w_javascript
Dobrze rozumiesz.


--------------------
Go to the top of the page
+Quote Post
trueblue
post 11.03.2021, 15:04:31
Post #3





Grupa: Zarejestrowani
Postów: 6 283
Pomógł: 1718
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
blokern
post 11.03.2021, 20:37:46
Post #4





Grupa: Zarejestrowani
Postów: 102
Pomógł: 0
Dołączył: 27.02.2008

Ostrzeżenie: (0%)
-----


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


--------------------
www.Opiekuj.pl
Go to the top of the page
+Quote Post
trueblue
post 11.03.2021, 21:32:45
Post #5





Grupa: Zarejestrowani
Postów: 6 283
Pomógł: 1718
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 3.12.2021 - 04:57