Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Blokowanie checkboxem pola input text
arzach
post
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Tak jak w temacie jak zablokować checkboxem pola input text

Obecnie mam taki kod
[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title></title>
  6.   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  7. </head>
  8.  
  9. <body>
  10.  
  11.  
  12.  
  13. <input type="checkbox" name="add_time_check[]" /> <input type="text" name="add_time[]" disabled="disabled" /><br/>
  14. <input type="checkbox" name="add_time_check[]" /> <input type="text" name="add_time[]" disabled="disabled" /><br/>
  15. <input type="checkbox" name="add_time_check[]" /> <input type="text" name="add_time[]" disabled="disabled" /><br/>
  16. <input type="checkbox" name="add_time_check[]" /> <input type="text" name="add_time[]" disabled="disabled" /><br/>
  17.  
  18. <script>
  19.  
  20. $( document ).ready(function() {
  21.  
  22. $("input[add_time_check[]]").click(function() {
  23.    alert("Dzia_a!!!");
  24. });;
  25.  
  26. });
  27.  
  28.  
  29.  
  30. </script>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Comandeer
post
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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

Kod
$(this).nextSibling().prop('disabled', !this.checked);
Go to the top of the page
+Quote Post
arzach
post
Post #3





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

Nie działa bo odwołując się w ten sposób 
[HTML] pobierz, plaintext 
  1. $("input[add_time_check[]]").click(function() {
[HTML] pobierz, plaintext

Do elementu tablicy to nie działa
Go to the top of the page
+Quote Post
fate
post
Post #4





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

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

http://jsfiddle.net/rb6f1kz5/

https://api.jquery.com/attribute-equals-selector/
http://jsfiddle.net/rb6f1kz5/1/

@up
https://api.jquery.com/siblings/
https://api.jquery.com/next/
Go to the top of the page
+Quote Post
arzach
post
Post #5





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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

OK poradziłem sobie ale mam inny problem ponieważ jak mam te pola input w tabelce to nie chce już działać.
Jak temu zaradzić (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) ?

Próbowałem coś z find ale nie działa

Mam taki kod

[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title></title>
  6.         <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  7.     </head>
  8.  
  9.     <body>
  10.  
  11.         <table cellpadding='0' cellspacing='1' width='450'> 
  12.             <tr>
  13.                 <td align='right' width='1%'>
  14.                     <input type="checkbox" name="add_time_check[]" /> 
  15.                 </td><td align='right' width='1%'> <input type="text" name="add_time[]" disabled="disabled" /></td> 
  16.             </tr>
  17.             <tr>
  18.                 <td align='right' width='1%'>
  19.                     <input type="checkbox" name="add_time_check[]" /> 
  20.                 </td><td align='right' width='1%'> <input type="text" name="add_time[]" disabled="disabled" /></td> 
  21.             </tr>
  22.             <tr>
  23.                 <td align='right' width='1%'>
  24.                     <input type="checkbox" name="add_time_check[]" /> 
  25.                 </td><td align='right' width='1%'> <input type="text" name="add_time[]" disabled="disabled" /></td> 
  26.             </tr>
  27.             <tr>
  28.                 <td align='right' width='1%'>
  29.                     <input type="checkbox" name="add_time_check[]" /> 
  30.                 </td><td align='right' width='1%'> <input type="text" name="add_time[]" disabled="disabled" /></td> 
  31.             </tr>
  32.  
  33.  
  34.  
  35.         </table>
  36.  
  37.         <script>
  38.  
  39.  
  40.             $(document).ready(function () {
  41.  
  42.                 $("input[name='add_time_check[]']").click(function () {
  43.                     if (this.checked){
  44.  
  45.  
  46.                     $(this).closest('td').next().find('input[name='add_time[]']').prop("disabled", false);
  47.                     } else {
  48.                     $(this).closest('td').next().find('input[name='add_time[]']').prop("disabled", true);
  49.                 }
  50.  
  51.  
  52.  
  53.  
  54.                 }); ;
  55.             });
  56.  
  57.  
  58.         </script>
  59.  
  60.  
  61.  
  62.     </body>
  63.  
  64. </html>
  65.  
[HTML] pobierz, plaintext


Proszę o pomoc.

Ten post edytował arzach 31.05.2015, 12:40:25
Go to the top of the page
+Quote Post
Comandeer
post
Post #6





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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

Bo td nie jest closest (to nie sąsiad), tylko parent (rodzic)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 20:29
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn