Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][AJAX] Wyświetlenie diva jeśli...
Forum PHP.pl > Forum > Przedszkole
shpaque
To przedszkole a ja jak pisałęm w js czy jquery najmniej obczajony jestem, dla Was to pikuć i na minutę robota smile.gif

Wiem że hasClass() prrzypisujemy do konkretnego id - a jak zrobic zeby sprawdzic czy obiekt danej klasy ma dodatkowo inna klase lub po prostu jak zrobic zeby w przypadku jakiegokolwiek wcisnietego checkboxa pojawil sie div lub zniknal jesli zaden nie jest czejkniety (uzywam toggle bootstrapowskiego):

  1. ...
  2. <td class="text-center align-self-center">
  3. <div class="text-center" data-toggle="tooltip" title="Dodaj pytanie do tworzonego testu">
  4. <input type="checkbox" id="subject[<?php echo $s['id']; ?>]questions[][id][<?php echo $q['id']; ?>]" name="subject[<?php echo $s['id']; ?>]questions[][id]" data-toggle="toggle" data-on="Tak" data-off="Nie" data-onstyle="add-to-test" data-offstyle="no-add-to-test">
  5. </div>
  6. </td>
  7. </tr>
  8. <?php $countQuestions++; ?>
  9. <?php endforeach ?>
  10. </tbody>
  11. <?php endforeach ?>
  12. </tbody>
  13. </table>
  14. <?php endif ?>
  15. </div>
  16. </div>
  17. <div class="row text-center align-self-center" id="row-add-from-tasks" style="margin-top: 10px;">
  18. <div class="col text-center">
  19. <a class="btn btn-lg btn-rd button-submit btn-d" href="./admin.php?page=tasks&addSubject=<?php echo $newSubjectId; ?>">Dodaj nowy kierunek / przedmiot (grupę)</a>
  20. </div>
  21. <div class="col text-center" id="new-test-from-tasks">
  22. <input class="btn btn-lg btn-rd button-submit btn-d" type="submit" name="submit" value="Stwórz test z zaznaczonych pytań" />
  23. </div>
  24. </div>
  25. ...
  26.  
  27.  
  28. <script type="text/javascript">
  29. $(document).ready(function() {
  30. if ($('.toggle').is('off')) {
  31. alert('wylaczony');
  32. $('#new-test-from-tasks').css('display', 'none');
  33. }
  34. else {
  35. alert('wlaczony');
  36. $('#new-test-from-tasks').css('display', 'block');
  37. }
  38. });
  39. </script>


jest tu cos takiego ale nie wime jak to przelozyc na swoje bo tam rzecz jasna wszedzie wywolywany jest ID a mi trzeba ogolnie na wszystkie inputy

  1. <input id="toggle-event" type="checkbox" data-toggle="toggle">
  2. <div id="console-event"></div>
  3. $(function() {
  4. $('#toggle-event').change(function() {
  5. $('#console-event').html('Toggle: ' + $(this).prop('checked'))
  6. })
  7. })


  1. <input id="toggle-trigger" type="checkbox" data-toggle="toggle">
  2. <button class="btn btn-success" onclick="toggleOn()">On by API</button>
  3. <button class="btn btn-danger" onclick="toggleOff()">Off by API</button>
  4. <button class="btn btn-success" onclick="toggleOnByInput()">On by Input</button>
  5. <button class="btn btn-danger" onclick="toggleOffByInput()">Off by Input</button>
  6. function toggleOn() {
  7. $('#toggle-trigger').bootstrapToggle('on')
  8. }
  9. function toggleOff() {
  10. $('#toggle-trigger').bootstrapToggle('off')
  11. }
  12. function toggleOnByInput() {
  13. $('#toggle-trigger').prop('checked', true).change()
  14. }
  15. function toggleOffByInput() {
  16. $('#toggle-trigger').prop('checked', false).change()
  17. }
nospor
Cytat
czejkniety
Miejze litosc... wybrany/zaznaczony/wcisniety ale nie zaden czejkniety

sprawdzasz czy jakis jest zaznaczony i robisz akcje w zaleznosci od tego czy jest czy nie
selector:
input[type=checkbox]:checked
jak to ci zwroci przynajmniej jeden element, to wiesz ze jakis jest zaznaczony
shpaque
ok tylko ze to mi nie zadziala

  1. if ($('input[type="checkbox"]').is(':checked')) {
  2. alert('włączony');
  3. }
  4. else {alert('wyłąCZONY');}


znacyz dziala tylko przy ladowaniu strony raz ze nie jest zaznaczony, przy zmianie nic sie nie dzieje konsola pusta
Topcio82
musisz dodać eventa jakiegoś on change state np. poszukaj o tym

https://www.w3schools.com/jsref/event_onchange.asp
shpaque
ok w przypadku alertow to dziala, ale tu juz nie

  1. function showButton() {
  2. if ($('input[type="checkbox"]').is(':checked')) {
  3. $('#new-testfrom-tasks').show();
  4. }
  5. else {
  6. $('#new-testfrom-tasks').css('display', 'none');
  7. }
  8. }


ok walnalem sie w nazwie id rzecz jasna

  1. function showButton() {
  2. if ($('input[type="checkbox"]').is(':checked')) {
  3. $('#new-test-from-tasks').show();
  4. }
  5. else {
  6. $('#new-test-from-tasks').css('display', 'none');
  7. }
  8. }


dziekuje
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-2025 Invision Power Services, Inc.