checkBox JQuery

[Gio123]

Καλησπέρα.

 

Έχω αυτόν κώδικα 

$(function () {
       $('input:checkbox').on('change', function () {
                var input = $(this).next('span');
                if (this.checked) {
                      $(input).css('textDecoration', 'line-through');
                } else {
                   $(input).css('textDecoration', 'none');
                }
       });
});

και θέλω να κάνω textDecoration - line-throught αυτο το <span>

 

echo "<br><span id='pcheck' align='left' class='edit_array'>$k.<u>$array[$i]</u></span><input type='checkbox' name='check_list[]' id='check' value='".$state[$i]." ".$idexer[$i]."'>Aνάθεση<br>"; 

 

το οποίο είναι μέσα σε ένα for(...) που είναι το λάθος;

 

Γιατί κάθε φορά που πατάω το checbox δεν δουλεύει.

 

Ευχαριστώ.

 

[nucleus]

Γιατί τα έχεις ανάποδα.

 

Με το echo βάζεις πρώτα το

<span id='pcheck' align='left' class='edit_array'>$k.<u>$array[$i]</u></span>

και μετά το

<input type='checkbox' name='check_list[]' id='check' value='".$state[$i]." ".$idexer[$i]."'>

Με την jquery λες όταν αλλάξει το input:checkbox (change event) να κάνει τα παρακάτω

var input = $(this).next('span');
if (this.checked) {
   $(input).css('textDecoration', 'line-through');
} else {
   $(input).css('textDecoration', 'none');
}

H $(this) αντιπροσωπεύει το <input type='checkbox' μετά του λες στο επόμενο span που υπάρχει στο Dom κάτω από το <input type='checkbox' να αλλάξει το css του ανάλογα με το αν είναι tickαρισμένο ή όχι το checkbox.

 

Οπότε το σωστό είναι

echo "<br><input type='checkbox' name='check_list[]' id='check' value='".$state[$i]." ".$idexer[$i]."'>Aνάθεση<span id='pcheck' align='left' class='edit_array'>$k.<u>$array[$i]</u></span><br>"; 

[Gio123]

Έχεις δίκιο.

 

Σε ευχαριστώ πολύ.!!!!

[Gio123]

Φίλε, αν ήθελα το παράπανω να το βάλω  μέσα σε ένα table όπου είχα σε ένα <td> checkbox </td> και σε ένα άλλο <td> <span>... </span></td> πως θα το έκανα έτσι ώστε κάθε φορά που πατάω το checkbox να κάνει textDecoration:line-through; την ίδια την γραμμή, δηλαδή κάθε κελί ξεχωριστά.

 

Ευχαριστώ

Εντάξει την βρήκα την λύση