Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как изменить input type="text" через checkbox? (https://javascript.ru/forum/misc/57382-kak-izmenit-input-type%3D-text-cherez-checkbox.html)

VadimW 01.08.2015 18:50

Как изменить input type="text" через checkbox?
 
Всем привет! Как изменить у <input id="puF4" type="text" value=""> значение value, через checkbox?

То есть когда чекбокс не чекнутый будет значение = 0
А когда чекнутый, тогда значение value у input'a будет = 1

Decode 01.08.2015 18:55

<input id="puF4" type="text" value="0" />
<input id="check" type="checkbox" />

<script>
    var txt = document.getElementById('puF4'), check = document.getElementById('check');

    check.onchange = function() {
        txt.value = (this.checked) ? 1 : 0;
    };
</script>

VadimW 01.08.2015 19:04

Decode, О! Спасибо большое :) У меня небольшой вопрос, у <input id="puF4" type="text" value=""> изначально нет никакого значения value, как встроить в скрипт, что бы значение изначально было = 0 ?

P.s. Всё, сам разобрался, ещё раз спасибо :)

<script>
$("#puF4").val("0")
    var txt = document.getElementById('puF4'),
            check = document.getElementById('check');

    check.onchange = function() {
        txt.value = (this.checked) ? 1 : 0;
    };
</script>

Decode 01.08.2015 20:03

VadimW, если используете JQuery — можно упростить.

$('#puF4').val(0);

$('#check').change(function() {
    $('#puF4').val( $(this).is(':checked') ? 1 : 0 );
});


Часовой пояс GMT +3, время: 17:09.