<h1>Dodaj</h1> <div class="testowa"> <input type="checkbox" data-option="0"> opcja 1<br> <input type="checkbox" data-option="0"> opcja 2<br> <br><br> </div> <div id="test"> </div>
$('input').change(function(){ var sprawdz = $(this).attr("data-option"); if(sprawdz==0){ $('#test').text("click"); $(this).attr("data-option","1"); }else{ $('#test').text(""); $(this).attr("data-option","0"); } }); $('h1').click(function(){ $(".testowa").append('<input type="checkbox" data-option="0"> opcja dodana<br>'); });
$('input').change(function()
https://prophp.pl/article/28/propagacja_i_delegacja_zdarzen_w_javascript
Dobrze rozumiesz.
W jakim celu ustawiasz atrybut data-option dla checkboxów?
nie wiem czy kod dobry ale dziala
function buttons() { $("#test").append('<input type="checkbox" class="ey" data-value="10">a<br>'); $("#test").append('<input type="checkbox" class="ey" data-value="15">b<br>'); $("#test").append('<input type="checkbox" class="ey" data-value="30">c<br>'); }; $(document).on({ change: function() { if ($(this).is(':checked')) { console.log('ok'); }else{ console.log('no'); } } }, '.ey'); $(document).ready(function() { buttons(); });
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)