Forum PHP.pl > [JavaScript]Blokowanie checkboxem pola input text

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Blokowanie checkboxem pola input text

arzach

26.05.2015, 15:24:31

Tak jak w temacie jak zablokować checkboxem pola input text

Obecnie mam taki kod

[HTML] pobierz, plaintext 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title></title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
 
<body>
 
 
 
<input type="checkbox" name="add_time_check[]" /> <input type="text" name="add_time[]" disabled="disabled" /><br/>
<input type="checkbox" name="add_time_check[]" /> <input type="text" name="add_time[]" disabled="disabled" /><br/>
<input type="checkbox" name="add_time_check[]" /> <input type="text" name="add_time[]" disabled="disabled" /><br/>
<input type="checkbox" name="add_time_check[]" /> <input type="text" name="add_time[]" disabled="disabled" /><br/>
 
<script>
 
$( document ).ready(function() {
 
$("input[add_time_check[]]").click(function() {
   alert("Dzia_a!!!");
});;
 
});
 
 
 
</script>
[HTML] pobierz, plaintext

Comandeer

26.05.2015, 15:26:54

Kod

$(this).nextSibling().prop('disabled', !this.checked);

arzach

27.05.2015, 14:35:41

Nie działa bo odwołując się w ten sposób

[HTML] pobierz, plaintext 
$("input[add_time_check[]]").click(function() {
[HTML] pobierz, plaintext

Do elementu tablicy to nie działa

fate

27.05.2015, 14:58:40

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/

arzach

31.05.2015, 12:23:44

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ć

?

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

Mam taki kod

[HTML] pobierz, plaintext 
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
 
    <body>
 
        <table cellpadding='0' cellspacing='1' width='450'> 
            <tr>
                <td align='right' width='1%'>
                    <input type="checkbox" name="add_time_check[]" /> 
                </td><td align='right' width='1%'> <input type="text" name="add_time[]" disabled="disabled" /></td> 
            </tr>
            <tr>
                <td align='right' width='1%'>
                    <input type="checkbox" name="add_time_check[]" /> 
                </td><td align='right' width='1%'> <input type="text" name="add_time[]" disabled="disabled" /></td> 
            </tr>
            <tr>
                <td align='right' width='1%'>
                    <input type="checkbox" name="add_time_check[]" /> 
                </td><td align='right' width='1%'> <input type="text" name="add_time[]" disabled="disabled" /></td> 
            </tr>
            <tr>
                <td align='right' width='1%'>
                    <input type="checkbox" name="add_time_check[]" /> 
                </td><td align='right' width='1%'> <input type="text" name="add_time[]" disabled="disabled" /></td> 
            </tr>
 
 
 
        </table>
 
        <script>
 
 
            $(document).ready(function () {
 
                $("input[name='add_time_check[]']").click(function () {
                    if (this.checked){
 
 
                    $(this).closest('td').next().find('input[name='add_time[]']').prop("disabled", false);
                    } else {
                    $(this).closest('td').next().find('input[name='add_time[]']').prop("disabled", true);
                }
 
 
 
 
                }); ;
            });
 
 
        </script>
 
 
 
    </body>
 
</html>
 
[HTML] pobierz, plaintext

Proszę o pomoc.

Comandeer

31.05.2015, 13:07:45

Bo td nie jest closest (to nie sąsiad), tylko parent (rodzic)

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.