Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Изменение значения поля после выбора разных checkbox (https://javascript.ru/forum/dom-window/66216-izmenenie-znacheniya-polya-posle-vybora-raznykh-checkbox.html)

Alex1968 01.12.2016 18:05

Изменение значения поля после выбора разных checkbox
 
Здравствуйте. Прошу помочь с кодом, так как в js полный нуль. Есть обычная таблица стоимости работ вот такого вида:
<form name="remont">
<table class='my-table'>
    <thead>
    <tr>
        <th>Рабочие</th>
        <th>Обычно</th>
        <th>Срочно</th>
    </tr>
    </thead>
    <tbody class='order-set'>
    <tr>
        <td>
            Строитель
        </td>
        <td>
            <input type="checkbox" id="h-first" name="first" value="4"/>
            <label for="h-first">Один</label>
        </td>
        <td>
            <input type="checkbox" id="h-second" name="second" value="8" />
            <label for="h-second">Двое</label>
        </td>
    </tr>
    <tr>
        <td>
            Отделочник
        </td>
        <td>
            <input type="checkbox" id="f-first" name="first" value="3"/>
            <label for="f-first">Один</label>
        </td>
        <td>
            <input type="checkbox" id="f-second" name="second" value="5" />
            <label for="f-second">Двое</label>
        </td>
    </tr>
    <tr>
        <td>
            Уборщик
        </td>
        <td>
            <input type="checkbox" id="u-first" name="first" value="2"/>
            <label for="u-first">Один</label>
        </td>
        <td>
            <input type="checkbox" id="u-second" name="second" value="4" />
            <label for="u-second">Двое</label>
        </td>
    </tr>
    </tbody>
    <tbody class='chioce-result'>
    <tr>
        <td colspan="2">Код заказа</td>
        <td>
            <input type="text" name="code" value="------" size="6" READONLY="1" class="result-code" />
        </td>
    </tr>
    <tr>
        <td colspan="2">Цена заказа</td>
        <td>
            <input type="text" name="price" value="000" size="4" class="result-price"/>
        </td>
    </tr>
    </tbody>
</table>
</form>


Я хотел бы чтобы при выборе одного или нескольких чекбоксов изменялось значение в категории , таким образом чтобы значения (value) выбранных чекбоксов суммировались и изменяли первое значение поля "Цена заказа", если выбраны "срочно" и второе - если "обычно" а в поле "Код заказа" изменялись соответствующие символы поочередно - 1-ый чекбокс - 1-символ , 2-ое - второй символ и так далее, на значения чекбоксов. Как это сделать я просто не могу понять, каким образов получить и изменить определенный символ значения текстового инпута по клику? Кто знает подскажите пожалуйста!

Alex1968 03.12.2016 11:38

Rise Это я перепутал когда писал код таблицы :( , конечно же правильно наоборот будет.


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