Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Radio button i usuwanie disabled
Forum PHP.pl > Forum > Po stronie przeglądarki
GalGavu
Witam.
Nie zbyt dużo pamiętam z jQuery (nie używałem od roku) i nie wiem co robię tak naprawdę źle.
Problem wygląda w ten sposób:

HTML:
  1. <fieldset class="add_category" >
  2. <legend>add a subcategory to selected category</legend>
  3. <div id="cat_add">
  4. <table style="width:100%;">
  5. <tr>
  6. <td>category name:</td>
  7. </tr>
  8. <tr>
  9. <td><input type="text" size="12" maxlength="12" name="category_name" disabled="disabled"></td>
  10. </tr>
  11. <tr>
  12. <td>choose image:</td>
  13. </tr>
  14. <tr>
  15. <td>
  16. <select name="choosed_image" disabled="disabled">
  17. <option value="Jr.High">Jr.High</option>
  18. <option value="HighSchool">HighSchool</option>
  19. <option value="College">College</option></select>
  20. </td>
  21. <td>
  22. <input type="submit" name="add" value="add" disabled="disabled">
  23. </td>
  24. </tr>
  25. </table>
  26. </div>


I mam teraz kilka radio w stylu:
  1. <table id="cat_tree" border="0" width="100%">
  2. <tr style="background:#CCCCCC;">
  3. <td>category</td>
  4. <td>select</td>
  5. <td>image</td>
  6.  
  7. <td>actions</td>
  8. </tr>
  9.  
  10. <tr style="background:#EEEEEE;">
  11. <td><span style="vertical-align:middle; margin-left:0em;">root</span></td>
  12. <td style="text-align:center;"><input id="select" type="radio" name="select" value="1"/></td>
  13. <td style="text-align:center;"></td>
  14. <td></td>
  15. </tr>
  16.  
  17. <tr style="background:#EEEEEE;">
  18. <td><span style="vertical-align:middle; margin-left:2em;">Subjects</span></td>
  19. <td style="text-align:center;"><input id="select" type="radio" name="select" value="903"/></td>
  20. <td style="text-align:center;"></td>
  21. <td>edit and delete</td>
  22. </tr>


jquery:
  1. $('#toggleElement').click(function() {
  2. $('#cat_add :input').removeAttr('disabled');
  3. });


I po kliknięciu niestety mi się nie usuwa disabled.
batman
Zależy od wersji jQuery, z której korzystasz. Zadziała
[JAVASCRIPT] pobierz, plaintext
  1. $('#cat_add :input').attr("disabled", false);
[JAVASCRIPT] pobierz, plaintext

lub
[JAVASCRIPT] pobierz, plaintext
  1. $('#cat_add :input').prop("disabled", false);
[JAVASCRIPT] pobierz, plaintext
GalGavu
Trochę zaktualizowałem post. Więc co jeśli mamy parę radio buttonów. I chciałbym, że po wciśnięciu jakiegokolwiek mi usuwało disabled. Przy jednym działa:
  1. $('#toggleElement').click(function() {
  2. $('#cat_add :input').removeAttr('disabled');
  3. });


Natomiast dla kilku radio o id="toggleElement" już nie działa.
mat-bi
No bo id jest unikalne.... Używaj klas do wielu elementów
GalGavu
No i piękne dzięki. Wiedziałem, że jakiś banalny błąd robię smile.gif
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.