Заполнение input в зависимости от значения checkbox

103

lospirata

10 декабря 2014, 12:06

1230

Здравствуйте. Подскажите, как при выделение checkbox в input рядом подставлять цифру 1, а при отмене checkbox делать поле input пустым?

Код приведенной строки:

<form method="post" action="">

<input type="checkbox" name="key" />под ключ

<input type="text" name="sum_key" /> шт.

</form>

It Can't Rain All the Time Блог вебмастера (https://lospirata.ru/)

R

92

rerighter

10 декабря 2014, 12:13

#1


$("input[type=checkbox]").change(function() {
    if($(this).prop("checked") == true) {
        $("input[type=text]").val("1");
    } else {
        $("input[type=text]").val("");
    }
});

Вариант на jQuery

http://jsfiddle.net/v2kefh9e/

Для нескольких вариант:

http://jsfiddle.net/v2kefh9e/1/

1

103

lospirata

10 декабря 2014, 12:55

#2

Чего-то не работает.

162

Mad_Man

10 декабря 2014, 15:45

#3

lospirata:
Чего-то не работает.

Блок <script></script> опустите вниз, под форму. Либо обрамите бинд в ожидание загрузки DOM'а: $(function() { ... });

1

42

Jor

10 декабря 2014, 18:34

#4

Обманка на CSS (IE9+)

3

103

lospirata

11 декабря 2014, 06:36

#5

Jor:
Обманка на CSS (IE9+)

Полезный прием, спасибо.

8

Division

23 декабря 2014, 10:04

#6

Jqery всему голова

Создание уникальных сайтов под ключ (/ru/forum/872934)

Дзен реализовал для авторов возможность вывода денег через СПБ

Что делать, если ваша email-рассылка попала в спам