Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery] Radio button i usuwanie disabled
GalGavu
post
Post #1





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 27.02.2010

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


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.

Ten post edytował GalGavu 19.06.2011, 17:08:49
Go to the top of the page
+Quote Post
batman
post
Post #2





Grupa: Moderatorzy
Postów: 2 921
Pomógł: 269
Dołączył: 11.08.2005
Skąd: 127.0.0.1




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
Go to the top of the page
+Quote Post
GalGavu
post
Post #3





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 27.02.2010

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


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.
Go to the top of the page
+Quote Post
mat-bi
post
Post #4





Grupa: Zarejestrowani
Postów: 690
Pomógł: 92
Dołączył: 6.02.2011

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


No bo id jest unikalne.... Używaj klas do wielu elementów
Go to the top of the page
+Quote Post
GalGavu
post
Post #5





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 27.02.2010

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


No i piękne dzięki. Wiedziałem, że jakiś banalny błąd robię (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 05:49